.styleguide__image:before{content:"";display:block;padding-top:100%}.styleguide__image{width:500px;position:relative}.style-guide__section{display:inline-block;margin:33px 0;width:100%}.style-guide__section-header{margin-bottom:42px;width:100%;padding:14px 0}.style-guide__section-header-title{font-size:.6875rem;line-height:1.27273;text-transform:uppercase}.style-guide__section-title{font-size:.625rem;line-height:1.2;margin-bottom:12px;text-transform:uppercase;color:var(--c-gray-1)}.style-guide__section-heading{margin-bottom:24px}.style-guide__paragraph{margin-bottom:18px}.style-guide__colours-data{margin-top:30px}.style-guide__colours-item{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.style-guide__colours-item:not(:last-child){margin-bottom:32px}.style-guide__colours-headline{color:#000;width:100%;margin-bottom:16px}.style-guide__colours-wrapper{margin-right:28px}.style-guide__colours-content{margin-top:6px}.style-guide__colours-background{width:88px;height:60px;border-radius:8px}.style-guide__colours--primary{background:#000}.style-guide__colours--secondary{background:#efb0d5}.style-guide__colours--success{background:#22946b}.style-guide__colours--warning{background:#f8b44e}.style-guide__colours--error{background:#dc2626}.style-guide__colours--gray-900{background:#171717}.style-guide__colours--gray-700{background:#404040}.style-guide__colours--gray-500{background:#737373}.style-guide__colours--gray-400{background:#b6b6b6}.style-guide__colours--gray-300{background:#d4d4d4}.style-guide__colours--link{background:#404040}.style-guide__colours--border{background:#777}.style-guide__colours--selected{background:#000}.style-guide__colours--background{background:#f8f8f8}.style-guide__colours--overlay{background:hsla(0,0%,100%,.8)}.style-guide__group{margin-bottom:15px}.style-guide__group h4{text-transform:none;margin-bottom:10px}.panel-wrapper{position:relative;border:1px solid #ccc;width:250px;height:400px;overflow:hidden}.menu-item{display:block}.sample-image{position:relative}.sample-image:before{content:"";display:block;padding-top:66.66667%}.style-guide__section-icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:18px}.style-guide__section-input{margin-bottom:24px}.style-guide__section-content--selector{margin-top:24px}@media (min-width:1024px){.style-guide__section-content--selector{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-top:0}}.style-guide__section-group{flex:1 0 auto}.style-guide__section-group>.style-guide__section-selector{margin-bottom:20px}.style-guide__icon-white{color:#fff}.style-guide__section__item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.style-guide__section__item p{margin-left:12px}.style-guide__favicon-icon{width:296px}.style-guide__carousel{margin:18px 0}.style-guide__carousel .flickity-page-dots{justify-content:flex-start}.style-guide__product-card{display:grid;grid-gap:24px}@media (min-width:1024px){.style-guide__product-card{grid-template-columns:repeat(3,229px);grid-gap:30px}}.style-guide__product-card>div{max-width:340px}.style-guide__text-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.form-field{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;position:relative}.form-field.has-value .form-field__label{font-size:.625rem;line-height:1.2;top:0;text-transform:uppercase}.form-field.has-value .form-field__field:-webkit-autofill,.form-field.has-value .form-field__field:-webkit-autofill:first-line{-webkit-text-fill-color:#171717}.form-field.has-error .form-field__label{color:#dc2626}.form-field.has-error .form-field__field{border-color:#dc2626;color:#dc2626}.form-field.has-error .form-field__field:focus+.form-field__label{text-transform:uppercase;color:#dc2626}.form-field--disabled .form-field__field{border-color:#b6b6b6;color:#b6b6b6;background:#fff}.form-field--disabled .form-field__field+.form-field__label{color:#b6b6b6}.form-field__field{transition-property:all;transition-duration:.3s;transition-timing-function:ease-in-out;font-size:.75rem;line-height:1.66667;width:100%;min-height:48px;padding:14px 0 13px;border:0;border-radius:0;color:#171717;border-bottom:1px solid #777;box-sizing:border-box;outline:none;-webkit-appearance:none}.form-field__field:-webkit-autofill,.form-field__field:-webkit-autofill:first-line{-webkit-text-fill-color:transparent}.form-field__field:focus{box-shadow:none}.form-field__field:focus:-webkit-autofill,.form-field__field:focus:-webkit-autofill:first-line{-webkit-text-fill-color:#171717}.form-field__field:focus+.form-field__label{font-size:.625rem;line-height:1.2;top:0;text-transform:uppercase}.form-field__field[type=textarea]{min-height:87px;resize:vertical}.form-field__label{transition-property:all;transition-duration:.3s;transition-timing-function:ease-in-out;font-size:.75rem;line-height:1.66667;position:absolute;top:14px;left:0;color:#404040}.form-field__message{margin-top:8px;color:#dc2626}.form-field--checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.form-field--checkbox input{display:none}.form-field--checkbox input:checked+label:before{border:1px solid #121212;background:#121212}.form-field--checkbox label{position:relative;display:inline-flex;align-items:center;margin-bottom:0;padding-left:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.form-field--checkbox label:before{content:"";position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0);width:18px;height:18px;border:1px solid #777;background:#fff}.form-field--checkbox label:after{content:"";position:absolute;top:calc(50% - 6px);left:4px;width:12px;height:13px;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27><path fill=%27%23FFFFFF%27 d=%27M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z%27/></svg>");background-repeat:no-repeat;background-size:contain}.form-field--select{position:relative}.form-field--select select{background-color:transparent}.form-field--select.has-error:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18 18%27><path fill=%27none%27 stroke=%27%23DC2626%27 d=%27M3.938 6.469 9 11.53l5.063-5.062%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>")}.form-field--select.form-field--disabled:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18 18%27><path fill=%27none%27 stroke=%27%23B6B6B6%27 d=%27M3.938 6.469 9 11.53l5.063-5.062%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>")}.form-field--select:after{content:"";position:absolute;right:6px;top:15px;display:block;width:18px;height:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18 18%27><path fill=%27none%27 stroke=%27%23404040%27 d=%27M3.938 6.469 9 11.53l5.063-5.062%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");background-repeat:no-repeat;background-size:contain}.form-field--newsletter-footer{width:100%}.form-field--newsletter-footer.has-error .form-field__label,.form-field--newsletter-footer.has-value .form-field__label{display:none}.form-field--newsletter-footer.has-error:not(:focus) .form-field__label,.form-field--newsletter-footer.has-value:not(:focus) .form-field__label{display:block}.form-field--newsletter-footer.has-error.has-value:not(:focus) .form-field__label,.form-field--newsletter-footer.has-value.has-value:not(:focus) .form-field__label{display:none}.form-field--newsletter-footer .form-field__field{padding:13px 36px 13px 12px;border:1px solid #777}.form-field--newsletter-footer .form-field__field:focus+.form-field__label{display:none}.form-field--newsletter-footer .form-field__label{padding-left:12px}@media (min-width:1024px){.form-field--newsletter-footer .form-field__label{padding-left:16px}}.form-field--newsletter-popup{margin-bottom:16px}.form-field--newsletter-popup .form-field__field{border:0;border-bottom:1px solid #777}.form-field--address{margin-top:8px;margin-bottom:24px}.form-field--giftcard{padding-bottom:8px}.form-field--giftcard-textarea{position:relative;width:100%}.form-field--giftcard-textarea:before{content:"";position:absolute;top:0;left:0;width:100%;height:14px;background:#fff}.form-field--giftcard-textarea textarea{min-height:116px;padding-top:14px;resize:none}
.tooltip .popper{border:1px solid var(--c-light-gray-6);border-radius:3px;padding:9px 13px;color:#121212}.tooltip .popper #arrow{bottom:-6px}.tooltip .popper #arrow:before{border-right:1px solid var(--c-light-gray-6)!important;border-bottom:1px solid var(--c-light-gray-6)!important;background:#fff}
.picture,.picture__img{position:absolute;top:0;bottom:0;left:0;right:0;display:block;height:100%;width:100%}.picture{overflow:hidden}.picture.fit-cover .picture__img{-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;"}.picture.fit-contain .picture__img{-o-object-fit:contain;object-fit:contain;font-family:"object-fit: contain;"}.picture.fit-width{position:relative}.picture.fit-width .picture__img{position:relative;bottom:auto;width:100%;height:100%}.picture.is-loaded .picture__img{opacity:1;visibility:visible}.picture.is-loaded .picture__loader,.picture__img{opacity:0;visibility:hidden}.picture__img{transition-duration:.3s;transition-property:opacity,visibility;transition-timing-function:ease-in-out}.picture__img.is-fallback{opacity:1;visibility:visible}.picture__img.is-fallback+.picture__img{display:none}.picture__loader{position:absolute;top:50%;left:50%;width:50%;height:50%;max-width:40px;max-height:40px;transform:translate3d(-50%,-50%,0);z-index:100}.picture__loader:after{content:"";display:block;width:100%;height:100%;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 40 20%27 preserveAspectRatio=%27xMidYMid%27><circle cx=%2710%27 cy=%2710%27 fill=%27%23efb0d5%27 r=%2710%27><animate attributeName=%27cx%27 repeatCount=%27indefinite%27 dur=%271s%27 keyTimes=%270;0.5;1%27 values=%2710;30;10%27 begin=%27-0.5s%27></animate></circle><circle cx=%2730%27 cy=%2710%27 fill=%27%23000000%27 r=%2710%27><animate attributeName=%27cx%27 repeatCount=%27indefinite%27 dur=%271s%27 keyTimes=%270;0.5;1%27 values=%2710;30;10%27 begin=%270s%27></animate></circle><circle cx=%2710%27 cy=%2710%27 fill=%27%23efb0d5%27 r=%2710%27><animate attributeName=%27cx%27 repeatCount=%27indefinite%27 dur=%271s%27 keyTimes=%270;0.5;1%27 values=%2710;30;10%27 begin=%27-0.5s%27></animate><animate attributeName=%27fill-opacity%27 values=%270;0;1;1%27 calcMode=%27discrete%27 keyTimes=%270;0.499;0.5;1%27 dur=%271s%27 repeatCount=%27indefinite%27></animate></circle></svg>");background-size:100% 100%}

/*# sourceMappingURL=section-styleguide.css.map*/