@keyframes modal-delayed-fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes modalSlideToLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalSlideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes modalSlideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes modalSlideFromRight{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes modalSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalEnter{0%{clip-path:inset(50%)}to{clip-path:inset(0%)}}@keyframes modalClose{0%{clip-path:inset(0%)}to{clip-path:inset(50%)}}@keyframes modalContentEnter{0%{transform:scale(.8);opacity:0;transform-origin:center center}to{transform:scale(1);opacity:1;transform-origin:center center}}@keyframes modalContentClose{0%{transform:scale(1);opacity:1;transform-origin:center center}to{transform:scale(.8);opacity:0;transform-origin:center center}}@keyframes modalBackdropEnter{0%{visibility:hidden}1%{visibility:visible}}@keyframes modalBackdropClose{0%,99%{visibility:visible}to{visibility:hidden}}.cwf-fragments-preview-prevent-scroll-y{overflow:hidden;position:fixed;width:100%}.cwf-fragments-preview-modal-wrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:400;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .2s;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.cwf-fragments-preview-modal-wrapper__backdrop{position:absolute;inset:0;opacity:0;transition:opacity cubic-bezier(0,0,1,1) .2s;pointer-events:none;visibility:hidden}.cwf-fragments-preview-modal-wrapper__backdrop--dark{background:rgba(var(--colour-static-black, 17, 17, 17),.4)}.cwf-fragments-preview-modal-wrapper--open{pointer-events:all}.cwf-fragments-preview-modal-wrapper--open>.cwf-fragments-preview-modal-wrapper__backdrop{opacity:1;animation:modalBackdropEnter .2s;visibility:visible;pointer-events:all}.cwf-fragments-preview-modal-wrapper--close>.cwf-fragments-preview-modal-wrapper__backdrop{animation:modalBackdropClose .2s}.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-btn[data-autofocus]: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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-modal-footer{padding:1.5rem;border-top:1px solid rgb(var(--colour-neutral-3, 223, 223, 223));flex-grow:1;flex-shrink:0;display:flex}.cwf-fragments-preview-modal-footer .cwf-fragments-preview-btn{flex-grow:1;width:100%;flex-basis:auto}.cwf-fragments-preview-modal-footer .cwf-fragments-preview-btn:not(:last-child){margin-inline-end:0;margin-block-end:.75rem}.cwf-fragments-preview-modal-footer--dual-action{flex-direction:column}.cwf-fragments-preview-modal-footer--borderless{border-top:none}@media (orientation: landscape),(min-width: 37.5em){.cwf-fragments-preview-modal-footer .cwf-fragments-preview-btn:not(:last-child){margin-block-end:1rem}.cwf-fragments-preview-modal-footer--dual-action:not(.cwf-fragments-preview-modal-footer--stacked){flex-direction:row}.cwf-fragments-preview-modal-footer--dual-action:not(.cwf-fragments-preview-modal-footer--stacked) .cwf-fragments-preview-btn:not(:last-child){margin-inline-end:1rem;margin-block-end:0}}.cwf-fragments-preview-modal-header{box-sizing:border-box;top:0;display:flex;justify-content:space-between;flex-direction:row-reverse;padding:0 .5rem;align-items:center;background-color:rgb(var(--colour-elevation-2, 255, 255, 255));z-index:100;flex:0 0 3.5rem}.cwf-fragments-preview-modal-header--floating-header{position:absolute;width:100%;background-color:transparent}.cwf-fragments-preview-modal-header--floating-header .cwf-fragments-preview-modal-header__close,.cwf-fragments-preview-modal-header--floating-header .cwf-fragments-preview-modal-header__back-button{margin:1rem 0 0}.cwf-fragments-preview-modal-header__title-wrapper{width:100%;text-align:center;margin:1rem .5rem}.cwf-fragments-preview-modal-header__title-wrapper--padded{margin-inline-start:3rem}.cwf-fragments-preview-modal-header__close,.cwf-fragments-preview-modal-header__back-button{margin-top:.5rem;margin-bottom:.5rem}[dir=rtl] .cwf-fragments-preview-modal-header__close,[dir=rtl] .cwf-fragments-preview-modal-header__back-button{transform:scaleX(-1)}.cwf-fragments-preview-modal-body{padding:var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem)}.cwf-fragments-preview-sheets--enter{animation:modalSlideUp cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-sheets--preserve-alignment{animation:modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{animation:modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-sheets--close{animation:modalSlideDown cubic-bezier(.9,0,1,1) .1s;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden;animation-fill-mode:forwards}.cwf-fragments-preview-sheets--close.cwf-fragments-preview-sheets--preserve-alignment{animation:modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.cwf-fragments-preview-sheets--close.cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{animation:modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .cwf-fragments-preview-sheets--preserve-alignment{animation:modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{animation:modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .cwf-fragments-preview-sheets--close{animation:modalSlideDown cubic-bezier(.9,0,1,1) .1s;pointer-events:none;animation-fill-mode:forwards}[dir=rtl] .cwf-fragments-preview-sheets--close.cwf-fragments-preview-sheets--preserve-alignment{animation:modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .cwf-fragments-preview-sheets--close.cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{animation:modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.cwf-fragments-preview-modal-header{position:sticky}@media (min-height: 25.625em){.cwf-fragments-preview-modal-header{position:unset}}.cwf-fragments-preview-modal-header--floating-header{position:fixed}@media (min-height: 25.625em){.cwf-fragments-preview-modal-header--floating-header{position:absolute}}.cwf-fragments-preview-sheets{position:absolute;top:0;right:var(--modal-keyboard-focus-spacing, 0);bottom:0;width:calc(100% - var(--modal-keyboard-focus-width, 0%));background:rgb(var(--colour-elevation-2, 255, 255, 255));z-index:100;overflow:auto;max-height:100%;text-align:initial;display:flex;flex-direction:column}.cwf-fragments-preview-sheets: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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out;--modal-keyboard-focus-spacing: .375rem;--modal-keyboard-focus-width: .75rem}.cwf-fragments-preview-sheets__content{height:100%}.cwf-fragments-preview-sheets__content-wrapper{position:relative}.cwf-fragments-preview-sheets__content-wrapper:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17))}.cwf-fragments-preview-sheets__video{z-index:100;background:rgba(var(--colour-static-black, 17, 17, 17),.8)}.cwf-fragments-preview-sheets__video iframe{max-width:100%}.cwf-fragments-preview-sheets--preserve-alignment{width:85%;top:var(--modal-keyboard-focus-spacing, 0);border-radius:8px 0 0 8px;max-height:calc(100% - var(--modal-keyboard-focus-width, 0%))}.cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}.cwf-fragments-preview-sheets--mobile-full-size{top:3rem}.cwf-fragments-preview-sheets .cwf-fragments-preview-modal-footer{padding:1.5rem 1rem}[dir=rtl] .cwf-fragments-preview-sheets--preserve-alignment{left:var(--modal-keyboard-focus-spacing, 0);right:auto;border-radius:0 8px 8px 0}[dir=rtl] .cwf-fragments-preview-sheets--preserve-alignment.cwf-fragments-preview-sheets--mirrored{right:var(--modal-keyboard-focus-spacing, 0);left:auto;border-radius:8px 0 0 8px}@media (prefers-contrast: more){.cwf-fragments-preview-sheets{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223));border-block-end-width:0}}@media (min-height: 25.625em){.cwf-fragments-preview-sheets{top:auto;overflow:hidden;max-height:calc(100% - 3rem);border-radius:8px 8px 0 0}.cwf-fragments-preview-sheets__content-wrapper{overflow:auto;height:100%}}.cwf-fragments-preview-theatre--enter{animation:modalEnter cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-theatre--enter .cwf-fragments-preview-theatre__animation-group{animation:modalContentEnter cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-theatre--close{animation:modalClose cubic-bezier(.9,0,1,1) .2s;animation-fill-mode:forwards;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden}.cwf-fragments-preview-theatre--close .cwf-fragments-preview-theatre__animation-group{animation:modalContentClose cubic-bezier(.9,0,1,1) .2s;animation-fill-mode:forwards}.cwf-fragments-preview-theatre{position:absolute;left:var(--modal-keyboard-focus-spacing, 0);width:calc(100% - var(--modal-keyboard-focus-width, 0%));top:3rem;height:calc(100% - 3rem);border-radius:8px 8px 0 0;background:rgb(var(--colour-elevation-2, 255, 255, 255));z-index:100;overflow:hidden;display:flex;flex-shrink:0;flex-direction:column;text-align:initial}.cwf-fragments-preview-theatre: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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out;--modal-keyboard-focus-spacing: .375rem;--modal-keyboard-focus-width: .75rem}.cwf-fragments-preview-theatre__animation-group{display:flex;flex-direction:column;height:100%}.cwf-fragments-preview-theatre__content-wrapper{overflow:auto}.cwf-fragments-preview-theatre__video{z-index:100;background:rgba(var(--colour-static-black, 17, 17, 17),.8)}.cwf-fragments-preview-theatre__video iframe{max-width:100%}@media (prefers-contrast: more){.cwf-fragments-preview-theatre{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223));border-block-end-width:0}}.cwf-fragments-preview-prompt--enter{animation:modalContentEnter cubic-bezier(.8,0,0,1) .2s}.cwf-fragments-preview-prompt--close{animation:modalContentClose cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards;pointer-events:none;transition:visibility cubic-bezier(0,0,1,1) .1s;visibility:hidden}.cwf-fragments-preview-prompt{position:relative;left:auto;right:auto;display:flex;margin:1.5rem;z-index:100;overflow:hidden;flex-direction:column;justify-content:center;border-radius:8px;text-align:initial}.cwf-fragments-preview-prompt: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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-prompt__content-wrapper{background:rgb(var(--colour-elevation-2, 255, 255, 255));max-height:75vh;max-width:31.5rem;height:auto;overflow:hidden;display:flex;flex-direction:column}.cwf-fragments-preview-prompt__heading{margin-bottom:1rem;color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.cwf-fragments-preview-prompt__content{padding:0 2rem;overflow:auto;height:100%}.cwf-fragments-preview-prompt__content:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17))}.cwf-fragments-preview-prompt .cwf-fragments-preview-modal-header{padding:.5rem .5rem 0;flex:0 0 3rem}.cwf-fragments-preview-prompt .cwf-fragments-preview-modal-header__close{margin:0}.cwf-fragments-preview-prompt .cwf-fragments-preview-prompt__content{padding-bottom:0}@media (prefers-contrast: more){.cwf-fragments-preview-prompt{border:1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223))}}@media (min-width: 37.5em){.cwf-fragments-preview-sheets{top:var(--modal-keyboard-focus-spacing, 0);border-radius:8px 0 0 8px;width:calc(100% - 3rem);max-height:calc(100% - var(--modal-keyboard-focus-width, 0%))}.cwf-fragments-preview-sheets--mirrored{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}.cwf-fragments-preview-sheets--mirrored .cwf-fragments-preview-modal-footer:not(.cwf-fragments-preview-modal-footer--stacked){flex-direction:row-reverse}.cwf-fragments-preview-sheets--mirrored .cwf-fragments-preview-modal-footer:not(.cwf-fragments-preview-modal-footer--stacked) .cwf-fragments-preview-btn:not(:last-child){margin:0;margin-inline-start:1rem}.cwf-fragments-preview-sheets--small{max-width:30rem}.cwf-fragments-preview-sheets--small .cwf-fragments-preview-modal-body{--skapa-modal-body-padding-inline: 1.5rem}.cwf-fragments-preview-sheets--medium{max-width:45rem}.cwf-fragments-preview-sheets--medium .cwf-fragments-preview-modal-footer:not(.cwf-fragments-preview-modal-footer--dual-action) .cwf-fragments-preview-btn{width:auto;flex:initial}.cwf-fragments-preview-sheets--large{max-width:67.5rem}.cwf-fragments-preview-sheets--medium .cwf-fragments-preview-modal-footer--dual-action .cwf-fragments-preview-btn:not(:last-child),.cwf-fragments-preview-sheets--large .cwf-fragments-preview-modal-footer--dual-action .cwf-fragments-preview-btn:not(:last-child){margin-inline-end:1rem}.cwf-fragments-preview-sheets--large .cwf-fragments-preview-modal-footer .cwf-fragments-preview-btn{width:auto;flex:initial}.cwf-fragments-preview-sheets .cwf-fragments-preview-modal-footer{padding:1.5rem}[dir=rtl] .cwf-fragments-preview-sheets{right:auto;left:var(--modal-keyboard-focus-spacing, 0);border-radius:0 8px 8px 0}[dir=rtl] .cwf-fragments-preview-sheets--mirrored{right:var(--modal-keyboard-focus-spacing, 0);left:auto;border-radius:8px 0 0 8px}}@media (min-width: 37.5em) and (prefers-contrast: more){.cwf-fragments-preview-sheets{border-block-end-width:1px;border-inline-end-width:0}}@media (min-width: 37.5em){.cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--enter{animation:modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--close{animation:modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.cwf-fragments-preview-sheets--mirrored.cwf-fragments-preview-sheets--enter{animation:modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}.cwf-fragments-preview-sheets--mirrored.cwf-fragments-preview-sheets--close{animation:modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--enter{animation:modalSlideFromLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--close{animation:modalSlideFromRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}[dir=rtl] .cwf-fragments-preview-sheets--mirrored.cwf-fragments-preview-sheets--enter{animation:modalSlideToLeft cubic-bezier(0,0,.1,1) .2s}[dir=rtl] .cwf-fragments-preview-sheets--mirrored.cwf-fragments-preview-sheets--close{animation:modalSlideToRight cubic-bezier(.9,0,1,1) .1s;animation-fill-mode:forwards}.cwf-fragments-preview-modal-body{--skapa-modal-body-padding-block: 2rem;--skapa-modal-body-padding-inline: 2rem}.cwf-fragments-preview-modal-header{padding:0 1rem;flex:0 0 4.5rem}.cwf-fragments-preview-modal-header__close,.cwf-fragments-preview-modal-header__back-button{margin-top:1rem;margin-bottom:1rem}.cwf-fragments-preview-modal-header--floating-header .cwf-fragments-preview-modal-header__close,.cwf-fragments-preview-modal-header--floating-header .cwf-fragments-preview-modal-header__back-button{margin:1.5rem 0 .5rem}.cwf-fragments-preview-prompt__content{padding-bottom:1rem;--skapa-font-size: 16}.cwf-fragments-preview-prompt__heading{--skapa-font-size: 24}}@media (min-width: 56.25em){.cwf-fragments-preview-sheets--small .cwf-fragments-preview-modal-body{--skapa-modal-body-padding-inline: 2rem}.cwf-fragments-preview-theatre{border-radius:8px;left:3rem;width:calc(100% - 6rem);height:calc(100% - 6rem)}}@media (min-width: 56.25em) and (prefers-contrast: more){.cwf-fragments-preview-theatre{border-block-end-width:1px}}@media (min-width: 75em){.cwf-fragments-preview-sheets .cwf-fragments-preview-modal-body{--skapa-modal-body-padding-inline: 2.5rem}}@media (prefers-reduced-motion){.cwf-fragments-preview-modal-wrapper{transition:none}.cwf-fragments-preview-modal-wrapper__backdrop{animation-duration:0s;transition-duration:0s;transition:none}.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--enter,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--close,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--preserve-alignment,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-sheets.cwf-fragments-preview-sheets--mirrored,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-theatre.cwf-fragments-preview-theatre--enter,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-theatre.cwf-fragments-preview-theatre--close,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-theatre.cwf-fragments-preview-theatre--enter .cwf-fragments-preview-theatre__animation-group,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-theatre.cwf-fragments-preview-theatre--close .cwf-fragments-preview-theatre__animation-group{animation-duration:0s;transition-duration:0s}.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt--close{transition:none}.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt--enter,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt--close,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt .cwf-fragments-preview-prompt__content-wrapper,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt--enter .cwf-fragments-preview-prompt__content-wrapper,.cwf-fragments-preview-modal-wrapper .cwf-fragments-preview-prompt--close .cwf-fragments-preview-prompt__content-wrapper{animation-duration:0s;transition-duration:0s}}[class*=btn--icon] .cwf-fragments-preview-btn__inner{padding:0 1rem}[class*=btn--icon] .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}[class*=btn--icon].cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding:0 .5rem}[class*=btn--icon].cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding:0 .25rem;min-height:2rem}[class*=btn--icon].cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner:after{content:"";position:absolute;inset:-.375rem}.cwf-fragments-preview-btn{position:relative;background:none;border:0;padding:0;text-align:center;display:inline-flex;border-radius:64px;cursor:pointer;outline:0;vertical-align:top;--background: tokens.$colour-interactive-primary-bg-default;--background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0));--foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255));--disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146));--disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));color:var(--foreground);text-decoration:none}.cwf-fragments-preview-btn .cwf-fragments-preview-btn__inner{box-shadow:var(--box-shadow);background:var(--background)}.cwf-fragments-preview-btn:hover .cwf-fragments-preview-btn__inner{background:var(--background-hover);box-shadow:var(--box-shadow-hover)}.cwf-fragments-preview-btn:active .cwf-fragments-preview-btn__inner{background:var(--background-press);box-shadow:var(--box-shadow-press)}.cwf-fragments-preview-btn:hover,.cwf-fragments-preview-btn:active,.cwf-fragments-preview-btn:focus{text-decoration:none;color:var(--foreground)}.cwf-fragments-preview-btn .cwf-fragments-preview-svg-icon{flex-shrink:0}.cwf-fragments-preview-btn:disabled{cursor:default}.cwf-fragments-preview-btn:disabled .cwf-fragments-preview-btn__inner{background-color:var(--disabled-background);color:var(--disabled-foreground);box-shadow:none}.cwf-fragments-preview-btn__inner{border-radius:64px;display:inline-flex;justify-content:center;align-items:center;min-height:3.5rem;padding:0 2rem;width:100%;box-sizing:border-box;pointer-events:none;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.cwf-fragments-preview-btn:active:not(:disabled) .cwf-fragments-preview-btn__inner{transform:scale(.97)}.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding-inline-start:1.5rem}.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem}@media (forced-colors: active){.cwf-fragments-preview-btn__inner{border:1px solid transparent}.cwf-fragments-preview-btn:disabled .cwf-fragments-preview-btn__inner{color:GrayText;border-color:GrayText}}.cwf-fragments-preview-btn--icon-primary,.cwf-fragments-preview-btn--primary{--background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));--background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0))}.cwf-fragments-preview-btn--icon-emphasised,.cwf-fragments-preview-btn--emphasised{--background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163));--background-hover: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147));--background-press: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147))}.cwf-fragments-preview-btn--icon-secondary,.cwf-fragments-preview-btn--secondary{--background: none;--background-hover: none;--box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));--background-press: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204), .5)}.cwf-fragments-preview-btn--icon-emphasised-inverse,.cwf-fragments-preview-btn--emphasised-inverse,.cwf-fragments-preview-btn--icon-primary-inverse,.cwf-fragments-preview-btn--primary-inverse{--background: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255));--background-hover: rgb(var(--colour-interactive-subtle-bg-hover, 245, 245, 245));--background-press: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223))}.cwf-fragments-preview-btn--icon-secondary-inverse,.cwf-fragments-preview-btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .1);--box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255))}.cwf-fragments-preview-btn--icon-tertiary-inverse,.cwf-fragments-preview-btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), .15);--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .3);--disabled-background: transparent;--disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15)}.cwf-fragments-preview-btn--danger{--background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81));--background-hover: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61));--background-press: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41))}.cwf-fragments-preview-btn--icon-tertiary,.cwf-fragments-preview-btn--tertiary{--background: transparent;--background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223));--background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204));--disabled-background: transparent;--disabled-foreground: rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.cwf-fragments-preview-btn--icon-image-overlay,.cwf-fragments-preview-btn--image-overlay{--background: rgba(var(--colour-static-black, 17, 17, 17), .75);--background-hover: rgba(var(--colour-static-black, 17, 17, 17), .85);--background-press: rgba(var(--colour-static-black, 17, 17, 17), .95)}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--primary,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-primary{--background: rgb(var(--colour-interactive-static-primary-bg-default, 17, 17, 17));--background-hover: rgb(var(--colour-interactive-static-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-static-primary-bg-pressed, 0, 0, 0));--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15)}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--secondary,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-secondary{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), .5);--box-shadow: inset 0 0 0 1px rgb(var(--colour-static-black, 17, 17, 17));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15)}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--tertiary,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-tertiary{--background: transparent;--background-hover: rgb(var(--colour-interactive-static-secondary-bg-hover, 223, 223, 223));--background-press: rgb(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: transparent}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-secondary-inverse,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-static-white, 255, 255, 255), .1);--box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255));--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15);--disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15)}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-emphasised-inverse,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-primary-inverse,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--primary-inverse,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--emphasised-inverse{--background: rgb(var(--colour-static-white, 255, 255, 255));--background-hover: rgb(var(--colour-static-light-grey, 245, 245, 245));--background-press: rgb(var(--colour-static-grey, 223, 223, 223));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15);--disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15)}.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--icon-tertiary-inverse,.cwf-fragments-preview-btn.cwf-fragments-preview-btn--static-colour.cwf-fragments-preview-btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-static-white, 255, 255, 255), .15);--background-press: rgba(var(--colour-static-white, 255, 255, 255), .3);--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15)}.cwf-fragments-preview-btn--icon-emphasised-inverse,.cwf-fragments-preview-btn--emphasised-inverse,.cwf-fragments-preview-btn--icon-primary-inverse,.cwf-fragments-preview-btn--primary-inverse,.cwf-fragments-preview-btn--icon-secondary,.cwf-fragments-preview-btn--secondary,.cwf-fragments-preview-btn--icon-tertiary,.cwf-fragments-preview-btn--tertiary{--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.cwf-fragments-preview-btn--icon-secondary-inverse,.cwf-fragments-preview-btn--secondary-inverse,.cwf-fragments-preview-btn--icon-tertiary-inverse,.cwf-fragments-preview-btn--tertiary-inverse,.cwf-fragments-preview-btn--icon-primary,.cwf-fragments-preview-btn--primary{--foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255))}.cwf-fragments-preview-btn--icon-image-overlay,.cwf-fragments-preview-btn--icon-emphasised,.cwf-fragments-preview-btn--danger,.cwf-fragments-preview-btn--emphasised,.cwf-fragments-preview-btn--image-overlay{--foreground: rgb(var(--colour-static-white, 255, 255, 255))}.cwf-fragments-preview-btn .cwf-fragments-preview-btn__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-160%);display:inline-block;width:0;height:0;border:.25rem solid;border-radius:64px;animation:btn-loader .7s infinite;opacity:0;visibility:hidden;text-indent:-9999px;overflow:hidden;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}@keyframes btn-loader{0%,to{transform:translate(-50%,-160%);animation-timing-function:cubic-bezier(.42,0,1,1)}40%{transform:translate(-50%,20%);animation-timing-function:cubic-bezier(0,0,0,1)}}.cwf-fragments-preview-btn--loading{pointer-events:none}.cwf-fragments-preview-btn--loading .cwf-fragments-preview-btn__loader{opacity:1;visibility:visible}.cwf-fragments-preview-btn--loading .cwf-fragments-preview-svg-icon,.cwf-fragments-preview-btn--loading .cwf-fragments-preview-btn__label{transform:translateY(50%);opacity:0;visibility:hidden}.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{min-height:2rem;padding:0 1rem}.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner:after{content:"";position:absolute;inset:-.375rem}.cwf-fragments-preview-btn--xsmall.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding-inline-start:.75rem}.cwf-fragments-preview-btn--xsmall.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{padding-inline-end:.75rem}.cwf-fragments-preview-btn--xsmall.cwf-fragments-preview-leading-icon .cwf-fragments-preview-svg-icon{margin-inline-end:.25rem}.cwf-fragments-preview-btn--xsmall.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-svg-icon{margin-inline-start:.25rem}.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{min-height:2.5rem;padding:0 1.5rem}.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner:after{content:"";position:absolute;inset:-.125rem}.cwf-fragments-preview-btn--small.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding-inline-start:1rem}.cwf-fragments-preview-btn--small.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{padding-inline-end:1rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding .cwf-fragments-preview-btn__inner{transition-property:opacity,transform,padding;padding:0 1rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding:0 .5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding:0 .25rem;min-height:2rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner:after{content:"";position:absolute;inset:-.375rem}.cwf-fragments-preview-btn--expanding .cwf-fragments-preview-btn__icon{transition:margin-inline-end .25s ease-in-out;margin:0}.cwf-fragments-preview-btn--expanding .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{max-width:0;white-space:nowrap;overflow:hidden;transition:max-width .25s ease-in-out;transform-origin:left;position:static;width:auto;height:auto;margin:0;clip:initial}.cwf-fragments-preview-btn--expanding:hover .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding:focus-visible .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{max-width:12.5rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon{margin-inline-end:.5rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon{margin-inline-start:.5rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin-inline-end:.25rem}.cwf-fragments-preview-btn--expanding:hover.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin-inline-start:.25rem}@media (hover: none){.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon:hover .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon:hover .cwf-fragments-preview-btn__inner{padding:0 1rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon:hover .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon:hover .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{max-width:0}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon:hover .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon:hover .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small:hover .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small:hover .cwf-fragments-preview-btn__inner{padding:0 .5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall:hover .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall:hover .cwf-fragments-preview-btn__inner{padding:0 .25rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall:hover .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall:hover .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled) .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{max-width:12.5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon{margin-inline-end:.5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon{margin-inline-start:.5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded:hover:not(:disabled).cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--touch-device-expanded.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin:0}}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner{padding:0 1rem}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner .cwf-fragments-preview-btn__label{max-width:0}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner{padding:0 .5rem}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__inner{padding:0 .25rem}.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:focus-visible.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding.cwf-fragments-preview-btn--loading.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-trailing-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon,.cwf-fragments-preview-btn--expanding:disabled.cwf-fragments-preview-leading-icon.cwf-fragments-preview-btn--xsmall .cwf-fragments-preview-btn__icon{margin:0}.cwf-fragments-preview-btn--fluid,.cwf-fragments-preview-btn--fluid .cwf-fragments-preview-btn__inner{width:100%}.cwf-fragments-preview-btn--plain.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner:after,.cwf-fragments-preview-btn--plain .cwf-fragments-preview-btn__inner:after{content:"";position:absolute;inset:-.25rem}.cwf-fragments-preview-btn--plain{--background: transparent;--background-hover: transparent;--background-press: transparent;--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.cwf-fragments-preview-btn--plain.cwf-fragments-preview-btn--small .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--plain .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--plain.cwf-fragments-preview-leading-icon .cwf-fragments-preview-btn__inner,.cwf-fragments-preview-btn--plain.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-btn__inner{padding:0}.cwf-fragments-preview-btn .cwf-fragments-preview-svg-icon,.cwf-fragments-preview-btn__label{transition-property:opacity,margin-right,margin-left,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1)}: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:var(--skapa-focus-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-checkbox input[type=checkbox]:focus-visible~.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-checkbox input[type=checkbox]:focus-visible:hover~.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-radio input[type=radio]:focus-visible~.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-radio input[type=radio]:focus-visible:hover~.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-btn:focus-visible,.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-shoppable-image__category-link:focus-visible,.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-tabs__tab:focus-visible{box-shadow:none;outline:none}.cwf-fragments-preview-tabs__tab:focus-visible:before{bottom:2px;z-index:unset}.cwf-fragments-preview-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}.cwf-fragments-preview-dual-btn--secondary .cwf-fragments-preview-dual-btn__first:focus-visible,.cwf-fragments-preview-dual-btn--secondary .cwf-fragments-preview-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}.cwf-fragments-preview-dual-btn__first:focus-visible:hover,.cwf-fragments-preview-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))}.cwf-fragments-preview-dual-btn--primary .cwf-fragments-preview-dual-btn__first:focus-visible,.cwf-fragments-preview-dual-btn--primary .cwf-fragments-preview-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}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-card:focus-visible .cwf-fragments-preview-card__title{text-decoration:none}.cwf-fragments-preview-card:focus-visible p{box-shadow:none;outline:none}.cwf-fragments-preview-content-card .cwf-fragments-preview-content-card__headers:focus-visible{box-shadow:none;outline:none}.cwf-fragments-preview-content-card .cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-choice-item__radio:focus-visible,.cwf-fragments-preview-choice-item__action:focus-visible{box-shadow:none;outline:none}.cwf-fragments-preview-choice-item__radio:focus-visible~.cwf-fragments-preview-choice-item__border:before,.cwf-fragments-preview-choice-item__action:focus-visible~.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-jumbo-btn.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-switch input[type=checkbox]:focus-visible+.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-switch input[type=checkbox]:focus-visible:hover+.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-tooltip__trigger-button:focus-visible,.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-search .cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out;border-radius:4px}.cwf-fragments-preview-search .cwf-fragments-preview-search__scope:focus-visible,.cwf-fragments-preview-search .cwf-fragments-preview-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}.cwf-fragments-preview-search .cwf-fragments-preview-search__input:focus-visible{outline:0}.cwf-fragments-preview-search .cwf-fragments-preview-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))}.cwf-fragments-preview-toast .cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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:var(--skapa-focus-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))}.cwf-fragments-preview-overflow-carousel .cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-modal-header .cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-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))}.cwf-fragments-preview-quantity-stepper__input:focus-visible{outline:none}button.cwf-fragments-preview-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:var(--skapa-focus-outline-offset, 4px);transition:outline .2s ease-out,box-shadow .2s ease-out}.cwf-fragments-preview-leading-icon .cwf-fragments-preview-svg-icon{margin-inline-end:.5rem;vertical-align:top}.cwf-fragments-preview-leading-icon .cwf-fragments-preview-svg-icon--100{margin-inline-end:.25rem}.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-svg-icon{margin-inline-start:.5rem;vertical-align:top}.cwf-fragments-preview-trailing-icon .cwf-fragments-preview-svg-icon--100{margin-inline-start:.25rem}.cwf-fragments-preview-svg-icon{display:inline-block;height:1.5rem;width:1.5rem;vertical-align:middle;fill:currentColor;transition-property:transform,fill;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}@media (prefers-reduced-motion){.cwf-fragments-preview-svg-icon{transition-property:none}}@keyframes icon-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.cwf-fragments-preview-svg-icon--rotate{animation:icon-rotate 1.5s linear infinite}.cwf-fragments-preview-svg-icon--rotate-45{transform:rotate(45deg)}.cwf-fragments-preview-svg-icon--rotate-minus-45{transform:rotate(-45deg)}.cwf-fragments-preview-svg-icon--rotate-135{transform:rotate(135deg)}.cwf-fragments-preview-svg-icon--rotate-minus-135{transform:rotate(-135deg)}.cwf-fragments-preview-svg-icon--rotate-180{transform:rotate(180deg)}.cwf-fragments-preview-svg-icon--rotate-minus-180{transform:rotate(-180deg)}.cwf-fragments-preview-typography,.cwf-fragments-preview-typography *{--skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);letter-spacing:calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, .375) * (var(--skapa-base-multiplier, 1) * .875rem - 1em) / (.875 * var(--skapa-rem, 16)))}*[class^=typography-],*[class*=" typography-"]{font-size:calc(1rem * var(--skapa-base-multiplier, 1) * var(--skapa-font-size, 14) / 16);font-weight:clamp(400,var(--skapa-font-weight, 400),700);line-height:var(--skapa-line-height, 1.5);--skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);letter-spacing:calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, .375) * (var(--skapa-base-multiplier, 1) * .875rem - 1em) / (.875 * var(--skapa-rem, 16)))}.cwf-fragments-preview-typography-margin-compensation *[class*=typography-]{margin-inline:calc(-.095*(1em - 14px))}.cwf-fragments-preview-typography-paragraph-spacing *[class*=typography-]{margin-bottom:calc(1em * (var(--skapa-line-height, 1.5) - 1))}.cwf-fragments-preview-typography-base-14{--skapa-base-multiplier: 1 }.cwf-fragments-preview-typography-base-16{--skapa-base-multiplier: calc(16 / 14)}.cwf-fragments-preview-typography-base-20{--skapa-base-multiplier: calc(20 / 14)}.cwf-fragments-preview-typography-base-28{--skapa-base-multiplier: 2 }.cwf-fragments-preview-typography-base-56{--skapa-base-multiplier: 4 }.cwf-fragments-preview-typography-body-s{--skapa-font-size: var(--skapa-body-s, 12);--skapa-font-weight: 400;--skapa-line-height: 1.8}.cwf-fragments-preview-typography-body-m{--skapa-font-size: var(--skapa-body-m, 14);--skapa-font-weight: 400;--skapa-line-height: 1.5}.cwf-fragments-preview-typography-body-l{--skapa-font-size: var(--skapa-body-l, 16);--skapa-font-weight: 400;--skapa-line-height: 1.5}.cwf-fragments-preview-typography-display-m{--skapa-font-size: var(--skapa-display-m, 40);--skapa-font-weight: 700;--skapa-line-height: 1.2}.cwf-fragments-preview-typography-display-xl{--skapa-font-size: var(--skapa-display-xl, 72);--skapa-font-weight: 700;--skapa-line-height: 1.2}.cwf-fragments-preview-typography-display-l{--skapa-font-size: var(--skapa-display-l, 56);--skapa-font-weight: 700;--skapa-line-height: 1.2}.cwf-fragments-preview-typography-heading-m{--skapa-font-size: var(--skapa-heading-m, 18);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-heading-xl{--skapa-font-size: var(--skapa-heading-xl, 32);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-heading-l{--skapa-font-size: var(--skapa-heading-l, 24);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-heading-s{--skapa-font-size: var(--skapa-heading-s, 16);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-heading-xs{--skapa-font-size: var(--skapa-heading-xs, 14);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-label-s{--skapa-font-size: var(--skapa-label-s, 12);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-label-xs{--skapa-font-size: var(--skapa-label-xs, 10);--skapa-font-weight: 700;--skapa-line-height: 1.25;text-transform:uppercase}.cwf-fragments-preview-typography-label-m{--skapa-font-size: var(--skapa-label-m, 14);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-label-l{--skapa-font-size: var(--skapa-label-l, 16);--skapa-font-weight: 700;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-caption-m{--skapa-font-size: var(--skapa-caption-m, 14);--skapa-font-weight: 400;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-caption-l{--skapa-font-size: var(--skapa-caption-l, 16);--skapa-font-weight: 400;--skapa-line-height: 1.25}.cwf-fragments-preview-typography-caption-s{--skapa-font-size: var(--skapa-caption-s, 12);--skapa-font-weight: 400;--skapa-line-height: 1.5}.cwf-fragments-preview-typography-statement-m{--skapa-font-size: var(--skapa-statement-m, 20);--skapa-font-weight: 400;--skapa-line-height: 1.5}.cwf-fragments-preview-typography-statement-l{--skapa-font-size: var(--skapa-statement-l, 28);--skapa-font-weight: 400;--skapa-line-height: 1.5}.cwf-fragments-preview-typography-regular{--skapa-font-weight: 400}.cwf-fragments-preview-typography-typescale-desktop{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 24;--skapa-heading-xl: 32;--skapa-display-m: 40;--skapa-display-l: 56;--skapa-display-xl: 72;--skapa-statement-m: 20;--skapa-statement-l: 28;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}.cwf-fragments-preview-typography-typescale-small-screen{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 20;--skapa-heading-xl: 24;--skapa-display-m: 28;--skapa-display-l: 36;--skapa-display-xl: 48;--skapa-statement-m: 18;--skapa-statement-l: 20;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}.cwf-fragments-preview-typography-typescale-large-screen{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 28;--skapa-heading-xl: 40;--skapa-display-m: 64;--skapa-display-l: 96;--skapa-display-xl: 144;--skapa-statement-m: 28;--skapa-statement-l: 40;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}.cwf-fragments-preview-typography-typescale-auto{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 20;--skapa-heading-xl: 24;--skapa-display-m: 28;--skapa-display-l: 36;--skapa-display-xl: 48;--skapa-statement-m: 18;--skapa-statement-l: 20;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}@media (min-width: 37.5em){.cwf-fragments-preview-typography-typescale-auto{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 24;--skapa-heading-xl: 32;--skapa-display-m: 40;--skapa-display-l: 56;--skapa-display-xl: 72;--skapa-statement-m: 20;--skapa-statement-l: 28;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}}@media (min-width: 75em){.cwf-fragments-preview-typography-typescale-auto{--skapa-heading-xs: 14;--skapa-heading-s: 16;--skapa-heading-m: 18;--skapa-heading-l: 28;--skapa-heading-xl: 40;--skapa-display-m: 64;--skapa-display-l: 96;--skapa-display-xl: 144;--skapa-statement-m: 28;--skapa-statement-l: 40;--skapa-body-l: 16;--skapa-body-m: 14;--skapa-body-s: 12;--skapa-caption-l: 16;--skapa-caption-m: 14;--skapa-caption-s: 12;--skapa-label-l: 16;--skapa-label-m: 14;--skapa-label-s: 12;--skapa-label-xs: 10}}*:is(.cwf-fragments-preview-typography-character-set-arabic,.cwf-fragments-preview-typography-character-set-chinese_simplified,.cwf-fragments-preview-typography-character-set-chinese_traditional,.cwf-fragments-preview-typography-character-set-hebrew,.cwf-fragments-preview-typography-character-set-japanese,.cwf-fragments-preview-typography-character-set-korean){--skapa-characterset-multiplier: 0}.cwf-fragments-preview-text{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.cwf-fragments-preview-text--lighter{color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.cwf-fragments-preview-textcontext-wrapper{display:contents}.cwf-fragments-preview-expander{display:flex;flex-direction:column;width:100%}.cwf-fragments-preview-expander .cwf-fragments-preview-collapsible{display:grid;box-sizing:border-box;grid-template-rows:0fr;transition:all .2s cubic-bezier(.4,0,.4,1)}.cwf-fragments-preview-expander .cwf-fragments-preview-collapsible--expanded{grid-template-rows:1fr}.cwf-fragments-preview-expander .cwf-fragments-preview-collapsible--closed .cwf-fragments-preview-collapsible__content{display:none}.cwf-fragments-preview-expander .cwf-fragments-preview-collapsible__content{overflow:hidden}@media (prefers-reduced-motion){.cwf-fragments-preview-expander .cwf-fragments-preview-collapsible{transition-duration:0ms}}.cwf-fragments-preview-expander__btn{align-self:flex-start;position:relative;display:inline;margin:0;border:0;background:none;padding:0;font-size:.875rem;line-height:1.571;text-decoration:underline;color:rgb(var(--colour-text-and-icon-2, 72, 72, 72))}.cwf-fragments-preview-expander__btn--generic{text-decoration:none}.cwf-fragments-preview-expander__btn:hover{color:rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.cwf-fragments-preview-expander__content{position:relative;overflow:hidden}.cwf-fragments-preview-expander__content+.cwf-fragments-preview-btn{align-self:center}.cwf-fragments-preview-collapsible{display:grid;box-sizing:border-box;grid-template-rows:0fr;transition:all .2s cubic-bezier(.4,0,.4,1)}.cwf-fragments-preview-collapsible--expanded{grid-template-rows:1fr}.cwf-fragments-preview-collapsible--closed .cwf-fragments-preview-collapsible__content{display:none}.cwf-fragments-preview-collapsible__content{overflow:hidden}@media (prefers-reduced-motion){.cwf-fragments-preview-collapsible{transition-duration:0ms}}.fragment-preview-fullwidth{width:100%}.fragment-preview-fullwidth__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.fragment-preview-fullwidth__header-content{flex:1;min-width:0}.fragment-preview-fullwidth__toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.fragment-preview-fullwidth__content{width:100%}.fragment-preview-responsive{display:flex;flex-direction:row;align-items:flex-start;gap:32px;width:100%;max-width:100vw}.fragment-preview-responsive__form{min-width:0;width:320px;max-width:400px;flex:0 0 320px}.fragment-preview-responsive__preview{flex:1;min-width:0}@media (max-width: 900px){.fragment-preview-responsive{flex-direction:column;gap:16px}.fragment-preview-responsive__form{width:100%!important;max-width:100%!important;flex-basis:auto!important}}.shadow-dom-preview{width:100%;min-height:200px}.shadow-dom-preview__loading{padding:16px;color:#666;font-style:italic}.shadow-dom-preview__container{width:100%;min-height:600px;border:1px solid #e0e0e0;border-radius:4px;background:#fff}.shadow-dom-preview__container--loading{display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}