Bar top width

Author: f | 2025-04-24

The top bar has a few layout settings which you can find in Customize Layout Top Bar. Top Bar Width. Choose whether the outer container is full width or contained. Top Bar Inner Width. Choose whether the inner container is full width or contained. Top Bar Alignment. The initial alignment of your widgets. The widgets try to even themselves For vertical bars, top-left and top-right corner radius. For horizontal bars, top-right and bottom-right corner radius. the size of bars on continuous scales will be set based on the continuousBandSize config. {.bar-width} Relative Bar Width. To adjust the bar to be smaller than the time unit step, you can adjust the bar’s width to be a

Top bar length and width

Div> div> div id="mainContent">div> body>html>style.cssThe draggable regions are set using app-region: drag and app-region: no-drag.On the body, margins are set to 0 to ensure the title bar reaches to the edges of the window.The titleBarContainer uses position: absolute and sets the top to titlebar-area-y, fixing the container to the top of the page. The height is set to titlebar-area-height or to fall back to var(--fallback-title-bar-height) if the window controls overlay is not visible. The background color of the titleBarContainer is the same as the theme_color. The width is set to 100% so that the div fills the width of the page, and flows under the overlay when it is visible for a seamless appearance.The titleBar also uses position: absolute and top: titlebar-area-y to pin it to the top of the window. The left edge is set to titlebar-area-x with a fallback of 0, and the width is set to titlebar-area-width with a fallback of 100%, so that it defaults to consume the full width of the window. It also sets user-select: none to prevent any attempts at dragging the window to be consumed instead by highlighting text inside of the div.The container for the mainContent of the webpage is also fixed in place with position: absolute and is anchored to the bottom of the page with bottom: 0. The top is set to titlebar-area-height with a fallback of var(--fallback-titlebar-height) so that it meets the bottom edge of the title bar. It sets overflow-y: scroll to allow its contents to scroll

Top Bar width for African bees

With the Selection tool (). Do one of the following: Click Graph Options in the Properties panel. Choose Object > Graph > Type. Double-click the Graph tool in the Tools panel. To adjust the space between columns and bars in a column,stacked column, bar, or stacked bar graph, enter a value between1% and 1000% in the Column Width, Bar Width, or Cluster Width textbox. A value greater than 100% causes the columns, bars,or clusters to overlap one another. A value less than 100% leavesspace between the columns, bars, or clusters. A value of 100% movesthe columns, bars, or clusters flush against each other. Example: Adjusting the cluster width Example: Adjusting the column width To adjust lines and data points in a line, scatter, and radar graph, set the following options: Mark Data Points: Places square markers at each data point. Connect Data Points: Draws lines that make it easier to see relationships among data. Edge‑to‑Edge Lines: Draws lines that extend across the graph, from left to right along the horizontal (x) axis. This option is not available for scatter graphs. Draw Filled Lines: Creates a wider line according to the value you enter in the Line Width text box, and which fills the line with paint according to the specifications for that series of data. This option becomes available when you select Connect Data Points. Example: Mark data points in a scatter graph Example: Mark and connect data points in a scatter graph Example: Extend lines edge to edge across the horizontal axis Example: Draw filled lines and adjusti its width To change how columns, bars, and lines overlap, set the following options: First Row In Front: Controls how the categories, or clusters, of data in a graph overlap when the Cluster Width is greater than 100%. This option is the most useful when working with column and bar graphs. First Column In Front: Places the column, bar, or line that corresponds to the first column of data in the Graph Data window on top. This option also determines which column is on top for column and stacked column graphs

Top bar width vs depth

Down and flex your triceps hard in the bottom position.That's 1 rep.Perform 6 sets of 20 reps following a pyramid weight scheme as follows—5kg, 10kg, 15kg, 10kg, 5kg, 5kg to failure3. Single-Arm Cable CurlsBeth Bischoff" loading="lazy" width="925" height="800" decoding="async" data-nimg="1" src=" BischoffHow to Do ItTo start, attach a D-handle to the low pulley of a cable machine.Grasp the handle in your left hand, and step forward (away from the machine) until there is tension on the cable and your arm is drawn slightly behind your body.Stagger your feet so your right leg is in front.Curl the handle but do not allow your elbow to point forward.That's 1 rep.Complete 6 sets of 20 reps with as much weight as you can manage until you hit failure.4. Seated Preacher CurlsBeth Bischoff" loading="lazy" width="925" height="800" decoding="async" data-nimg="1" src=" BischoffHow to Do ItSit at a preacher bench and adjust the height so that your armpits touch the top of the bench.Grasp an EZ-curl bar at shoulder-width with arms extended (but allow a slight bend at the elbows).Curl the bar, keeping the backs of your arms against the bench.Take three seconds to lower the bar back down.That's 1 rep.Perform 6 sets of 20 reps with as much weight as you can manage until you hit failure.Related: 10 Best Chest Exercises for BeginnersDay 2: Chest and Tris1. Triceps DipBeth Bischoff" loading="lazy" width="939" height="800" decoding="async" data-nimg="1" src=" BischoffHow to Do ItTo start, suspend yourself over the bars of a dip station.Brace your core to keep your body tight and lower yourself until your arms are parallel to the floor.Explode up to the start position without swinging your body.Complete 3 sets of 20 reps with your body weight.2. Bench PressBeth Bischoff" loading="lazy" width="939" height="800" decoding="async" data-nimg="1" src=" PressBeth BischoffHow to Do ItLie back on a bench and grasp the bar with hands just outside shoulder-width, to start.Arch your back and tighten your glutes and abs.Plant your feet firmly.Pull the bar out of the rack and lower it to your sternum.Push your feet into the floor as you press the bar back up.Perform 6 sets of 20 reps with. The top bar has a few layout settings which you can find in Customize Layout Top Bar. Top Bar Width. Choose whether the outer container is full width or contained. Top Bar Inner Width. Choose whether the inner container is full width or contained. Top Bar Alignment. The initial alignment of your widgets. The widgets try to even themselves

Limiting bar chart to show top K bars by width of bar

Width: 360px; border-right: 1px solid var(--border-color); display: flex; flex-direction: column; flex-shrink: 0; overflow: auto;}.task-manager { font-size: 15px; color: var(--title-color); font-weight: 700; text-align: center; height: 70px; letter-spacing: 0.7px; line-height: 70px; position: sticky; top: 0; z-index: 3; text-transform: uppercase; background-color: var(--theme-bg-color); border-bottom: 1px solid var(--border-color);}.user-photo { width: 70px; height: 70px; border-radius: 50%; object-fit: cover;}.user-name { font-weight: 600; margin: 15px 0 8px;}.user-mail { color: var(--main-light-color); font-size: 12px; font-weight: 600;}.user-profile { display: flex; flex-direction: column; text-align: center; align-items: center;}.side-wrapper { padding: 25px 40px; border-bottom: 1px solid var(--border-color);}.side-wrapper:last-child { border-bottom: none;}.user-notification { display: flex; justify-content: center; align-items: center; margin-top: 25px;}.user-notification svg { width: 36px; padding: 10px; flex-shrink: 0; border-radius: 50%; overflow: visible; background-color: var(--button-bg-color); color: var(--button-color);}.notify { position: relative;}.notify:not(:last-child) { margin-right: 25px;}.notify.alert { position: relative;}.notify.alert:before { content: "2"; font-size: 9px; font-weight: 700; position: absolute; background-color: #ff537b; width: 14px; height: 14px; border-radius: 50%; top: -3px; display: flex; justify-content: center; align-items: center; right: 0px; color: #fff;}.notify.alert:last-child:before { content: "5";}.progress { margin-top: 5px; border-radius: 4px; background-color: #e7e7ef; height: 8px; overflow: hidden;}.progress-bar { background-color: var(--button-color); border-radius: 4px; width: 35%; height: 100%; animation: progressAnimation 6s; transition: 0.3s linear both; transition-property: width, background-color;}.progress-status { margin-top: 30px; text-align: right; color: var(--main-color); font-size: 10px; font-weight: 600;}@keyframes progressAnimation { 0% { width: 5%; background-color: #a2b6f5; } 100% { width: 35%; }}.task-status { margin-top: 20px; display: flex; align-items: center; justify-content: space-between;}.task-stat { text-align: center;}.task-number { font-size: 17px; font-weight: 700; margin-bottom: 10px;}.task-condition { font-size: 12px; color: var(--main-color); font-weight: 700;}.task-tasks { margin-top: 4px; font-size: 10px; font-weight: 600; color: var(--main-light-color);}.project-title { text-transform: uppercase; font-weight: 700; margin-bottom: 18px;}.project-department { position: relative; vertical-align: middle; padding: 0 30px; color: var(--main-color); font-size: 13px; font-weight: 600; margin-top: 14px;}.project-department:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; top: 10; left: 0;}.project-department:nth-child(1):before { border: 3px solid #b36dfb;}.project-department:nth-child(2):before { border: 3px solid #625be8;}.project-department:nth-child(3):before { border: 3px solid #fec267;}.project-department:nth-child(4):before { border: 3px solid #fc6679;}.members { width: 36px; height: 36px; object-fit: cover; border-radius: 50%;}.team-member { display: flex; justify-content: space-between;}.main-area { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden;}.header { height: 70px; width: 100%; border-bottom: 1px solid var(--border-color);}.search-bar { height: 70px; position: relative;}.search-bar input { height: 100%; width: 100%; display: block; background-color: transparent; border: none; color: var(--body-color); padding: 0 35px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a1a4b9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='M21 21l-4.35-4.35'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 18px; background-position: 0 50%; font-family: var(--body-font); font-weight: 600; font-size: 14px;}.search-bar input::placeholder { color: var(--main-light-color);}.header { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 0 30px;}.inbox-calendar { margin-right: 200px;}.color-menu { flex-shrink: 0;}.msg { padding: 30px; background-color: var(--unselected-mail); border-bottom: 1px solid var(--border-color); display: flex; align-items: center; transition: 0.4s ease;}.msg-title { font-weight: 600; font-size: 14px;}.msg-date { font-size: 11px; color: var(--main-light-color); font-weight: 600; margin-top: 5px;}.selected-bg { background-color: var(--theme-bg-color);}.msg-department { display: flex; justify-content: space-between; text-transform: uppercase;

Width of top bars - Beesource Beekeeping Forums

Vertically within the container.For cases where the browser does not support the window controls overlay, a CSS variable is added to set a fallback title bar height. The bounds of the titleBarContainer and mainContent are initially set to fill the entire client area, and do not need to be changed if the overlay is not supported. span { margin: auto; padding: 0px 16px 0px 16px;}#titleBar > input { flex: 1; margin: 8px; border-radius: 5px; border: none; padding: 8px;}#mainContent { position: absolute; left: 0; right: 0; bottom: 0; top: env(titlebar-area-height, var(--fallback-title-bar-height)); overflow-y: scroll;}">:root { --fallback-title-bar-height: 40px;}.draggable { app-region: drag; /* Pre-fix app-region during standardization process */ -webkit-app-region: drag;}.nonDraggable { app-region: no-drag; /* Pre-fix app-region during standardization process */ -webkit-app-region: no-drag;}body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0;}#titleBarContainer { position: absolute; top: env(titlebar-area-y, 0); height: env(titlebar-area-height, var(--fallback-title-bar-height)); width: 100%; background-color:#254B85;}#titleBar { position: absolute; top: 0; display: flex; user-select: none; height: 100%; left: env(titlebar-area-x, 0); width: env(titlebar-area-width, 100%); color: #FFFFFF; font-weight: bold; text-align: center;}#titleBar > span { margin: auto; padding: 0px 16px 0px 16px;}#titleBar > input { flex: 1; margin: 8px; border-radius: 5px; border: none; padding: 8px;}#mainContent { position: absolute; left: 0; right: 0; bottom: 0; top: env(titlebar-area-height, var(--fallback-title-bar-height)); overflow-y: scroll;}Considered AlternativesTreating the Overlay as a NotchFollowing the pattern of safe-area-inset-*s, we propose new CSS environment variables to define the insets of the unsafe notch area in more detail:Horizontal insets of the notch on the top edge of the screenunsafe-area-top-inset-leftunsafe-area-top-inset-rightHorizontal insets of the notch on the bottom edge of the

Adjustable Bar Widths for Bar Charts

Code 39 Size Setting InstructionCode 39 Size SettingOnBarcode products enable users to adjust Code 39 image size during barcode generation. And Code 39 barcode size setting is supported by the following OnBarcode products:Code 39 StructureW : the width of Code 39.Q : the width of the quiet zone; Q min = 10X.I : the width of the intercharacter gap; this is a multiple of X; I min = X.C : the number of encoded Code 39 data characters (including module 43 check character if used).X : the width of Code 39 narrow bar; X min = 1 pixel.N : the wide bar to narrow bar ratio; from 2.0 to 3.0, inclusive.The Code 39 barcode width, W (measured in pixel), including quiet zones, can be calculated from the following expression:W = ( C + 2 ) ( 3N + 6 ) X + ( C + 1 ) I + 2QThen the minimum value of W can be calculated as below:N min = 2 , I min = 1 , Q min = 10X .W min = ( C + 2 ) ( 3 * 2 + 6 ) X + ( C + 1 ) X + 2 * 10X= ( 12C + 24 + C + 1 + 20 ) X= ( 13C + 45 ) XIf, X min = 1 , W min = 13C + 45Eg. Code 39 data = " 1A " , C = 2 .W min = 13C + 45 = 26 + 45 = 71 pixelCode 39 Barcode HeightThere are no rigid requirements for the height of Code 39 in ISO/IEC 16388:2007(E). The recommended minimum height for manual scanning is 5.0mm or 15 % of Code 39 width (excluding quiet zones), whichever is greater.Our Code 39 generators will set the height of Code 39 automatically. Meanwhile, customers may adjust the barcode height through Top and Bottom Margin settings.OnBarcode provides details of Code 39 Barcode Generator in C#.Setting Code 39 Barcode Size in C#Basic information you should knowCode 39 barcode width, W (measured in pixel), including quiet zones, can be computed from the expression below:W = ( C + 2 ) ( 3N + 6 ) X + ( C + 1 ) I + 2QCode 39 barcode height is user-defined. So you can adjust the barcode height through Top and Bottom Margin settings in C# Code 39 generator according to your applications.Three Situations for Setting Code 39 Barcode Size in C#Setting Code 39 barcode size in C# Code 39 Generator may have three situations:Situation 1:If you want to create a Code 39 with a minimum X, please do as below:Set the minimum value of X.Set the AutoResize option to be false.Customize other properties.Eg1.

Ideal Top Bar width? - Beesource Beekeeping Forums

Hidden state: Fix z-index of active pinned tabs */#main-window[titlepreface*="XXX"] #tabbrowser-tabs { z-index: 0 !important; }And then go to Sidebery settings > General > Preface value, enable it and set it to XXX.Now You also need to remove indent when the bar is collapsed, or you won't be able to see all tabsGo to SideBery settings --> Styles editor and add:#root:not(:hover){ --tabs-indent: 0;}EXTRA: Window close buttonCredits: AndryGabry on my Patreon and @XargonWan here on github.If you need the "window close" button, you can add it to your address bar.Comment out this line:/* Hidden state: Hide native tabs strip *//*#main-window[titlepreface*="XXX"] #titlebar { height: 0 !important; }*/Add the following:/*Reference Hide title bar but keep window controls (minimize, maximize, close) *//*Hide tabs and other things inside the titlebar, except window buttons*/#main-window[titlepreface*="XXX"] .tabbrowser-tab{ display: none !important; }#main-window[titlepreface*="XXX"] .scrollbox-clip{ width: 0 !important; }#main-window[titlepreface*="XXX"] #alltabs-button{ display: none !important; }#main-window[titlepreface*="XXX"] .toolbar-items{ display: none !important; }/*Make sure that the titlebar and navbar are both on the same line*/#main-window[titlepreface*="XXX"] #navigator-toolbox{ display: flex !important; box-sizing: border-box; justify-content:space-between; flex-direction: row-reverse; flex-wrap: wrap; }#main-window[titlepreface*="XXX"] .titlebar-spacer{ display: none !important; }#main-window[titlepreface*="XXX"] #nav-bar{border-radius: 5px 0 0 0; display: flex; box-sizing: border-box; padding-top: 2px; align-items: center; flex: 1; flex-basis: 50%; width: 100% !important; }/* on GNOME you can use max-width: 48px below, if you only have the "Close" button on windows (default) */#main-window[titlepreface*="XXX"] #titlebar{border-radius: 0 5px 0 0; border-left: none !important; margin-top: 1px; flex: 1; flex-basis: 50%; width:10% !important; display: flex; max-width: 100px; align-items: center;background-color: var(--toolbar-bgcolor) !important; border-left: 1px solid var(--toolbar-color);}#main-window[titlepreface*="XXX"] #titlebar:-moz-window-inactive{opacity: 1 !important;}#main-window[titlepreface*="XXX"] #TabsToolbar > *:not(.titlebar-buttonbox-container) {display: none !important;}#PersonalToolbar {width: 100% !important; }#tab-notification-deck {width: 100% !important; flex-basis: 100%; width: 100% !important;}. The top bar has a few layout settings which you can find in Customize Layout Top Bar. Top Bar Width. Choose whether the outer container is full width or contained. Top Bar Inner Width. Choose whether the inner container is full width or contained. Top Bar Alignment. The initial alignment of your widgets. The widgets try to even themselves For vertical bars, top-left and top-right corner radius. For horizontal bars, top-right and bottom-right corner radius. the size of bars on continuous scales will be set based on the continuousBandSize config. {.bar-width} Relative Bar Width. To adjust the bar to be smaller than the time unit step, you can adjust the bar’s width to be a

Expanding a top navigation bar to full width of page

Var(--border-radius-medium); cursor: grab; width: var(--urlbar-min-height) !important; height: var(--urlbar-min-height); align-self: center;}#TabsToolbar .titlebar-spacer[type="pre-tabs"] { display: none;}/* Make buttons in the #TabsToolbar look a little better */#TabsToolbar .toolbar-items { margin: var(--toolbarbutton-outer-padding);}/* Container: "Bookmarks Toolbar" - this is under the URL bar */#PersonalToolbar { /* Place below URL bar and back buttons */ order: 2; grid-row: 3; grid-column: 1 / span 2; /* Full width: span both columns */}/* If you would like to hide one of: - "Recent browser history across windows and devices" button - "List all tabs" dropdownDo that through the "Customize Toolbar" and drag the items off the toolbar.*/For MacOS, you can also set#nav-bar { order: 0; width: 100%;}This will move the window buttons on the bookmarks tab, making the top bar look more complete.Tweaking these custom stylesYou don't have to guess and check the styling. Firefox has a devtools window for the browser itself. It's called "Browser Toolbox", but looks identical to Firefox's website devtools.Mozilla has info on how to use that here: TL;DR is: Open Devtools -> Go to settings -> Check "Enable browser chrome and add-on debugging" and "Enable remote debugging" -> Use Ctrl + Shift + Alt + i to launch it.

Top Bar is set to full width, but is contained – GeneratePress

Is in the video below — I’m using a super wide grip on bench press and I still have a lot of extra space on each side:To be specific, the Force USA G12 power rack has a 48″ internal width, which refers to the distance between the insides of the uprights. Its external width measures 52″ from the outside of one upright to the outside of the other.This beats out the width of the G6 by 7″; the G3, G10 and G15 by 4″; and G20 by 3.5″.One benefit of the wider frame is that you feel a deeper pec stretch at the top of the range of motion when doing cable flyes because your arms can open up even further. It’s closer to being like a dedicated cable crossover machine, which has the cable columns spaced several feet apart.Another big benefit of the wider power rack uprights is that it makes the entire unit more stable since the base of the frame is wider.The distance between the j-hooks and the safety spotter arms is actually less than the distance between the uprights. The j-hooks and spotters are both spaced 45″ apart (49″ from outside to outside). This is because they’re offset 1.5 inches to the inside of each upright.This offset design was made to ensure an Olympic bar could fit on the j-hooks and spotters. A regular Olympic barbell has a shaft that’s 51.5″ long. If the j-hooks/spotters weren’t offset, their outside to outside width would be 52″, which would mean the bar wouldn’t fit. By being offset, the outside to outside width is 49″, which leaves enough room to fit a 51.5″ bar shaft.Buy the Force USA G12 – Use KING5 for 5% OFF »Spotter ArmsThe Force USA G12 power rack comes with a pair of safety spotter. The top bar has a few layout settings which you can find in Customize Layout Top Bar. Top Bar Width. Choose whether the outer container is full width or contained. Top Bar Inner Width. Choose whether the inner container is full width or contained. Top Bar Alignment. The initial alignment of your widgets. The widgets try to even themselves

Bar Top Height And Width at Joy Herman blog

#e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} 1 Gbit/s down- en uploadenSuperFiber 1:host{display:block}:host([hidden]){display:none}.kpn-progress-bar{height:.5rem;display:block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;overflow:hidden}.kpn-progress-bar-primary{background-color:var(--kpn-progress-bar-background-color, #f3f3f3)}.kpn-progress-bar-secondary{background-color:var(--kpn-progress-bar-background-color-secondary, #f3f3f3)}.kpn-progress-bar__indicator{border-radius:.25rem;height:100%;position:absolute;top:0;left:0}.kpn-progress-bar__color-indicator-primary{background-color:var(--kpn-progress-bar-color, #00c300)}.kpn-progress-bar__color-indicator-secondary{background-color:var(--kpn-progress-bar-color-secondary, #0066ee)} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} :host{display:block}:host([hidden]){display:none}.kpn-icon-list{padding-left:var(--kpn-space-xl, 2rem);color:var(--kpn-font-color)} :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Iedereen thuis altijd online :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Non-stop gamen, bingen en downloaden :host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} 200 Mbit/s down- en uploadenSupersnel:host{display:block}:host([hidden]){display:none}.kpn-progress-bar{height:.5rem;display:block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;overflow:hidden}.kpn-progress-bar-primary{background-color:var(--kpn-progress-bar-background-color, #f3f3f3)}.kpn-progress-bar-secondary{background-color:var(--kpn-progress-bar-background-color-secondary, #f3f3f3)}.kpn-progress-bar__indicator{border-radius:.25rem;height:100%;position:absolute;top:0;left:0}.kpn-progress-bar__color-indicator-primary{background-color:var(--kpn-progress-bar-color, #00c300)}.kpn-progress-bar__color-indicator-secondary{background-color:var(--kpn-progress-bar-color-secondary, #0066ee)} :host{display:block}:host([hidden]){display:none}.kpn-divider{border:0;border-top:1px solid var(--kpn-color-neutral-200, #d3d3d3)}.kpn-divider--dashed{border-style:dashed}.kpn-divider--arrow-down{display:inline-block;text-align:center;width:100%;height:0;position:relative}.kpn-divider--arrow-down:before{content:"";position:absolute;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid var(--kpn-color-neutral-200, #d3d3d3);border-left:8px solid transparent;border-right:8px solid transparent;z-index:1}.kpn-divider--arrow-down:after{content:"";position:absolute;top:-1.5px;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;z-index:2}:host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} :host{display:block}:host([hidden]){display:none}.kpn-icon-list{padding-left:var(--kpn-space-xl, 2rem);color:var(--kpn-font-color)} :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Thuis altijd tegelijk Netflixen en gamen :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Supersnel gamen en downloaden :host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} 100 Mbit/s down- en uploadenSnel:host{display:block}:host([hidden]){display:none}.kpn-progress-bar{height:.5rem;display:block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;overflow:hidden}.kpn-progress-bar-primary{background-color:var(--kpn-progress-bar-background-color, #f3f3f3)}.kpn-progress-bar-secondary{background-color:var(--kpn-progress-bar-background-color-secondary, #f3f3f3)}.kpn-progress-bar__indicator{border-radius:.25rem;height:100%;position:absolute;top:0;left:0}.kpn-progress-bar__color-indicator-primary{background-color:var(--kpn-progress-bar-color, #00c300)}.kpn-progress-bar__color-indicator-secondary{background-color:var(--kpn-progress-bar-color-secondary, #0066ee)} :host{display:block}:host([hidden]){display:none}.kpn-divider{border:0;border-top:1px solid var(--kpn-color-neutral-200, #d3d3d3)}.kpn-divider--dashed{border-style:dashed}.kpn-divider--arrow-down{display:inline-block;text-align:center;width:100%;height:0;position:relative}.kpn-divider--arrow-down:before{content:"";position:absolute;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid var(--kpn-color-neutral-200, #d3d3d3);border-left:8px solid transparent;border-right:8px solid transparent;z-index:1}.kpn-divider--arrow-down:after{content:"";position:absolute;top:-1.5px;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;z-index:2}:host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} :host{display:block}:host([hidden]){display:none}.kpn-icon-list{padding-left:var(--kpn-space-xl, 2rem);color:var(--kpn-font-color)} :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Perfect voor gezinnen met kleinere kinderen :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} E-mail, download en stream zorgeloos met meerderen tegelijk We leggen in een rap tempo glasvezel aan door heel Nederland. Of jij al glasvezel hebt? Ontdek je met de postcodecheck. Verhuis je naar een nieuwbouwhuis en weet je jouw postcode nog niet?