*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-title{font-size:1.5rem;text-transform:uppercase}.app-main{height:140vh;flex:1;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.builder__iframe{position:relative;width:100%}.content-frame{width:100%;height:90vh;border:none;padding:10px}:root{--color-builder-olive: #838978;--color-builder-grey: #efefef}.builder__iframe .loader{pointer-events:none;position:absolute;top:0;left:0;right:0;background-color:#ffffff80;transition:opacity .2s ease-in-out;color:#838978;opacity:0;display:flex;align-items:center;justify-content:center}.builder__iframe .loader:before{display:block;content:"";padding-top:100%;width:100%}.builder__iframe .loader-icon{width:50px;aspect-ratio:1;border:2px solid;--c: conic-gradient(from -90deg at calc(100% - 2px) calc(100% - 2px) , #0000 0 90deg, currentColor 0);background:var(--c),var(--c);background-size:16px 16px;background-position:0 0;animation:l3 1s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes l3{to{background-position:-16px -16px,16px 16px}}.builder__iframe .loader.loading{opacity:1}.item-selector{margin-bottom:30px}.colour-selector{display:flex;flex-direction:column;place-items:center;padding:20px}[class^=cl]{list-style:none;display:flex;margin:0;gap:0;padding:10px 0}.colour-option:before{border:3px solid;border-color:var(--colorBody);border-radius:0;bottom:0;box-shadow:inset 0 0 1px 1px #00000026;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.colour-option:after{border:2px solid;border-color:var(--colorBody);border-radius:0;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:3}.colour-option{width:46px;height:46px;margin:0 1px 4px;overflow:visible;position:relative;cursor:pointer;background-size:cover}.colour-option.active{border:solid 2px}.remove{display:grid;place-items:center;border:0}.tabs{list-style-type:none;margin:0}.tabs li{float:left;width:33%}.tabs a,.tabs button{display:flex;width:100%;align-items:center;justify-content:center;text-align:center;text-decoration:none;text-transform:lowercase;color:#888;padding:20px 0;background:#f7f7f7;margin:0 12px 0 0;padding:.75rem 1rem}:is(.tabs a,.tabs button):hover,:is(.tabs a,.tabs button).active{background-color:#838978;color:#fff}:is(.tabs a,.tabs button) span{display:none;border-radius:100%;width:16px;height:16px;align-items:center;justify-content:center;outline:1px solid currentColor;margin-left:10px}:is(.tabs a,.tabs button) svg{fill:currentColor;width:10px;height:10px}:is(.tabs a,.tabs button).selected span{display:flex}.tabgroup div{padding:10px 0}.clearfix:after{content:"";display:table;clear:both}.variant-input{margin:0 10px 0 0}.variant-input-wrap label{padding:.6rem}.add-to-cart{margin-top:20px}@media only screen and (max-width:600px){.app-main{grid-template-columns:repeat(1,minmax(0,1fr));height:100%}.colour-option,.colour-option-flat,.colour-option-duvet,.colour-option-standard-pillow,.colour-option-king-pillow,.colour-option-euro-pillow{width:30px;height:30px}.content-frame{padding:0;height:350px}.colour-selector{padding:0;margin-bottom:40px}}.one-third{text-align:right;padding-right:20px}.selected-colour-total-price{font-weight:700}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background-color:var(--colorDrawers);color:var(--colorTextBody);text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:120%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltiptext{visibility:visible}.variant-input-wrap input[type=radio]:checked+label{outline:1px solid var(--colorBtnPrimary)}.builder-totals-item{display:flex;width:100%}bed-builder{display:block}.btn--sharer{display:flex;align-items:center;justify-content:center;cursor:default;color:#fff;padding:2px 0;background-color:var(--color-builder-olive);border:1px solid var(--color-builder-olive)}.btn--sharer span{white-space:nowrap}.btn--sharer:hover{background-color:none}.btn--sharer button,.btn--sharer a{display:flex;width:45px;height:40px;align-items:center;justify-content:center;position:relative;border-radius:8px}:is(.btn--sharer button,.btn--sharer a) svg{width:40px;height:40px}:is(.btn--sharer button,.btn--sharer a):hover{background-color:var(--color-builder-olive);color:#fff}:is(.btn--sharer button,.btn--sharer a):active{background-color:var(--color-builder-olive);color:#fff}.btn--sharer li{margin:0}.btn--sharer .tooltip{font-size:8px;color:var(--color-builder-grey);padding:6.45px 9.26px;border-radius:3px;background-color:var(--color-builder-olive);font-weight:600;position:absolute;text-align:center;white-space:nowrap;top:50%;left:50%;opacity:0;transform:translate(-50%) translateY(50%);display:inline-block;pointer-events:none;z-index:2;transition:opacity .3s ease-out,transform .3s ease-out}.btn--sharer .tooltip.show{transform:translate(-50%) translateY(-50%);opacity:1}.btn--sharer svg{pointer-events:none}.btn--sharer ul{list-style:none;padding:0;display:flex;gap:1px;margin:0 0 0 10px}.builder-ctas{display:flex;clear:both;flex-direction:column;gap:10px}
/*# sourceMappingURL=/cdn/shop/t/57/assets/build-a-bed.css.map */