:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}a:focus-visible p{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.link:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.collapsible:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.expander__btn:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.expander__content:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.chunky-header:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.checkbox input[type=checkbox]:focus-visible~.checkbox__symbol{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.checkbox input[type=checkbox]:focus-visible:hover~.checkbox__symbol{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.radio input[type=radio]:focus-visible~.radio__symbol{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.radio input[type=radio]:focus-visible:hover~.radio__symbol{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.btn:focus-visible,.tabs__panel:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.btn[class*=inverse]:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.btn[class*=image-overlay]:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.pill:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.icon-pill:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.slider-handle:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.shoppable-image__category-link:focus-visible,.shoppable-image__dot:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.tabs__tab:focus-visible{box-shadow:none;outline:none}.tabs__tab:focus-visible:before{bottom:2px;z-index:unset}.tabs__tab:focus-visible:after{content:"";position:absolute;inset:0;display:block;box-shadow:inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17));border-radius:4px}.dual-btn--secondary .dual-btn__first:focus-visible,.dual-btn--secondary .dual-btn__second:focus-visible{box-shadow:0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17));outline:none;transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out}.dual-btn__first:focus-visible:hover,.dual-btn__second:focus-visible:hover{outline:none;box-shadow:inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)),0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17))}.dual-btn--primary .dual-btn__first:focus-visible,.dual-btn--primary .dual-btn__second:focus-visible{box-shadow:0 0 0 4px rgb(var(--colour-static-black, 17, 17, 17)),0 0 0 6px rgb(var(--colour-static-white, 255, 255, 255));outline:none;transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out}.card:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.card:focus-visible .card__title{text-decoration:none}.card:focus-visible p{box-shadow:none;outline:none}.content-card .content-card__headers:focus-visible{box-shadow:none;outline:none}.content-card .content-card__headers:focus-visible:before{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.choice-item__radio:focus-visible,.choice-item__action:focus-visible{box-shadow:none;outline:none}.choice-item__radio:focus-visible~.choice-item__border:before,.choice-item__action:focus-visible~.choice-item__border:before{content:"";position:absolute;inset:-.125rem;box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.simple-video__button:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.jumbo-btn:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.jumbo-btn.jumbo-btn--inverse:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.accordion-item-header:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.link-list__item:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.switch input[type=checkbox]:focus-visible+.switch__toggle:before{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.switch input[type=checkbox]:focus-visible:hover+.switch__toggle:before{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.tooltip__trigger-button:focus-visible,.tooltip__custom-trigger-wrapper:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.search .search__scope:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.search .search__scope:focus-visible,.search .btn:focus-visible{box-shadow:0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255));outline:2px solid rgb(var(--colour-neutral-7, 17, 17, 17));outline-offset:1px}.search .search__input:focus-visible{outline:0}.search .search__input:-webkit-autofill:focus-visible{box-shadow:0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset;transition:box-shadow 0ms cubic-bezier(.4,0,.4,1);caret-color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.toast .btn:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-7, 17, 17, 17)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-1, 255, 255, 255)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.action-list-item__action:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out;outline:none;box-shadow:inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.overflow-carousel .btn[class*=inverse]:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.modal-header .btn:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}.list-view-item__action:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17))}.quantity-stepper__input:focus-visible{outline:none}button.avatar:focus-visible{box-shadow:0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));outline:2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));outline-offset:4px;transition:outline .2s ease-out,box-shadow .2s ease-out}
