:root{--pd-font: inherit;--pd-black: #111111;--pd-white: #ffffff;--pd-grey-bg: #f5f5f5;--pd-grey-mid: #dddddd;--pd-grey-text: #777777;--pd-border: #e8e8e8;--pd-radius: 4px;--pd-transition: .2s ease;--pd-right-width: 340px}.satl-personalise-trigger{display:flex;align-items:center;width:100%;padding:14px 16px;margin:12px 0;background:var(--pd-white);border:1.5px solid var(--pd-border);border-radius:var(--pd-radius);cursor:pointer;font-family:var(--pd-font);gap:8px;text-align:left;transition:border-color var(--pd-transition)}.satl-personalise-trigger:hover{border-color:var(--pd-black)}.satl-personalise-trigger__icon{font-size:15px;flex-shrink:0}.satl-personalise-trigger__text{flex:1;font-size:14px;font-weight:600}.satl-personalise-trigger__meta{font-size:12px;color:var(--pd-grey-text)}.satl-personalise-trigger__arrow{font-size:18px;color:var(--pd-grey-text)}.satl-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483647;display:flex;flex-direction:row;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.satl-drawer.is-open{visibility:visible;opacity:1;pointer-events:all;transition:opacity .2s ease,visibility 0s linear 0s}.satl-drawer__backdrop{display:none}.satl-drawer__inner{display:flex;flex-direction:row;width:100%;height:100%}.satl-drawer__preview{flex:1;background:var(--pd-white);position:relative;height:100vh;overflow:hidden}.satl-drawer__close{position:absolute;top:20px;left:20px;display:flex!important;align-items:center;gap:8px;background:none;border:none;font-size:12px;font-weight:700;font-family:var(--pd-font);letter-spacing:.1em;text-transform:uppercase;color:var(--pd-black);cursor:pointer;padding:8px 0;z-index:9999;text-decoration:none;visibility:visible!important;opacity:1!important}.satl-drawer__close:hover{opacity:.5!important}.satl-drawer__close svg{width:12px;height:12px;flex-shrink:0}.satl-drawer__product-name{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--pd-black);z-index:5;white-space:nowrap;background:#ffffffd9;padding:4px 12px;border-radius:2px}.satl-drawer__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.satl-drawer__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.satl-drawer__preview-badge{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;padding:0;font-size:25px;font-weight:600;font-family:inherit;letter-spacing:.05em;pointer-events:all;cursor:grab;white-space:nowrap;user-select:none;-webkit-user-select:none;z-index:10;line-height:1;text-align:center;text-shadow:none}.satl-drawer__preview-badge:active{cursor:grabbing}.satl-drawer__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.satl-drawer__dot{width:5px;height:5px;border-radius:50%;background:#0003;border:none;cursor:pointer;padding:0}.satl-drawer__dot.is-active{background:var(--pd-black)}.satl-drawer__panel{width:var(--pd-right-width);min-width:var(--pd-right-width);background:var(--pd-white);display:flex;flex-direction:column;height:100vh;overflow:hidden;border-left:1px solid var(--pd-border);box-shadow:-2px 0 12px #0000000f}.satl-drawer__panel-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 26px 16px;scrollbar-width:thin;scrollbar-color:var(--pd-grey-mid) transparent}.satl-drawer__panel-inner::-webkit-scrollbar{width:3px}.satl-drawer__panel-inner::-webkit-scrollbar-track{background:transparent}.satl-drawer__panel-inner::-webkit-scrollbar-thumb{background:var(--pd-grey-mid)}.satl-drawer__title{font-size:24px;font-weight:700;margin:0 0 6px;font-family:var(--pd-font);letter-spacing:-.01em}.satl-drawer__subtitle{font-size:14px;color:var(--pd-grey-text);margin:0 0 20px;line-height:1.5}.satl-drawer__meta-row{display:flex;align-items:center;padding:13px 0;border-bottom:1px solid var(--pd-border);gap:8px}.satl-drawer__meta-label{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;width:60px;flex-shrink:0}.satl-drawer__meta-value{flex:1;font-size:14px;color:var(--pd-grey-text)}.satl-drawer__meta-chevron{font-size:22px;color:var(--pd-grey-mid);line-height:1}.satl-drawer__divider{height:1px;background:var(--pd-border);margin:4px 0 6px}.satl-option-row{border-bottom:1px solid var(--pd-border)}.satl-option-row:last-child{border-bottom:none}.satl-option-row__header{display:flex;align-items:center;width:100%;padding:18px 0;background:none;border:none;cursor:pointer;font-family:var(--pd-font);gap:8px;text-align:left}.satl-option-row__label-wrap{flex:1}.satl-option-row__label{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.satl-option-row__sublabel{display:block;font-size:12px;color:var(--pd-grey-text);margin-top:2px}.satl-option-row__price{font-size:12px;font-weight:600;white-space:nowrap}.satl-option-row__chevron{font-size:22px;color:var(--pd-black);transition:transform var(--pd-transition);line-height:1;font-weight:300}.satl-option-row.is-open .satl-option-row__chevron{transform:rotate(90deg)}.satl-option-row__body{padding-bottom:16px}.satl-field{margin-bottom:12px}.satl-field__label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;color:var(--pd-black)}.satl-field__input{width:100%;height:40px;border:1.5px solid var(--pd-grey-mid);border-radius:var(--pd-radius);padding:0 12px;font-size:15px;font-family:var(--pd-font);background:var(--pd-white);outline:none;transition:border-color var(--pd-transition);box-sizing:border-box}.satl-field__input:focus{border-color:var(--pd-black)}.satl-field__input::placeholder{color:#bbb}.satl-field__char-count{display:block;text-align:right;font-size:12px;color:var(--pd-grey-text);margin-top:4px}.satl-field__select-wrap{position:relative}.satl-field__select{width:100%;height:40px;border:1.5px solid var(--pd-grey-mid);border-radius:var(--pd-radius);padding:0 28px 0 10px;font-size:13px;font-family:var(--pd-font);background:var(--pd-white);appearance:none;font-size:15px;-webkit-appearance:none;outline:none;cursor:pointer;box-sizing:border-box;transition:border-color var(--pd-transition)}.satl-field__select:focus{border-color:var(--pd-black)}.satl-field__select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:14px;color:var(--pd-grey-text);pointer-events:none}.satl-icon-picker{display:flex;flex-wrap:wrap;gap:6px}.satl-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border:1.5px solid var(--pd-grey-mid);border-radius:var(--pd-radius);background:var(--pd-white);cursor:pointer;gap:3px;transition:border-color var(--pd-transition)}.satl-icon-btn:hover{border-color:var(--pd-black)}.satl-icon-btn.is-selected{border-color:var(--pd-black);background:var(--pd-grey-bg)}.satl-icon-btn__emoji{font-size:18px;line-height:1}.satl-icon-btn__label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.satl-field__file-note{display:flex;gap:8px;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--pd-radius);padding:10px 12px;font-size:11px;line-height:1.5;color:#92400e}.satl-field__file-note svg{flex-shrink:0;color:#d97706}.satl-drawer__footer{padding:12px 22px 20px;border-top:1px solid var(--pd-border);background:var(--pd-white);flex-shrink:0}.satl-drawer__price-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.satl-drawer__price-toggle{display:flex;align-items:center;gap:5px;background:none;border:none;font-size:14px;font-weight:500;font-family:var(--pd-font);cursor:pointer;padding:0}.satl-drawer__price-toggle svg{transition:transform var(--pd-transition)}.satl-drawer__total-price{font-size:14px;color:#0200ff;font-weight:700;width:-webkit-fill-available;width:stretch;text-align:end}.satl-drawer__price-breakdown{background:var(--pd-grey-bg);border-radius:var(--pd-radius);padding:8px 10px;margin-bottom:10px}.satl-drawer__price-line{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.satl-drawer__atc-btn{width:100%;height:50px;background:var(--pd-black);color:var(--pd-white);border:none;border-radius:0;font-size:11px;font-weight:700;font-family:var(--pd-font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-size:13px}.satl-drawer__atc-btn:disabled{background:#ccc;color:#888;cursor:not-allowed}.satl-drawer__atc-btn:not(:disabled):hover{opacity:.85}.satl-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(16px);background:var(--pd-black);color:var(--pd-white);padding:12px 24px;border-radius:100px;font-size:13px;z-index:1000000;opacity:0;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;pointer-events:none}.satl-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.satl-toast--error{background:#c0392b}body.satl-drawer-open{overflow:hidden}@media screen and (max-width:768px){.satl-drawer__preview{display:none}.satl-drawer__panel{width:100vw;min-width:100vw}}@media(prefers-reduced-motion:reduce){.satl-drawer__inner,.satl-drawer{transition:none}}body.satl-drawer-open header,body.satl-drawer-open .header-wrapper,body.satl-drawer-open #shopify-section-header,body.satl-drawer-open sticky-header,body.satl-drawer-open .shopify-section-header-sticky,body.satl-drawer-open [data-section-type=header]{z-index:1!important;position:relative!important}.satl-drawer__meta-row--size{cursor:pointer}.satl-drawer__meta-row--size:hover .satl-drawer__meta-label{opacity:.7}.satl-drawer__size-grid{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 16px;border-bottom:1px solid var(--pd-border);margin-bottom:4px}.satl-drawer__size-btn{min-width:48px;height:40px;padding:0 10px;border:1.5px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-white);font-size:12px;font-weight:500;font-family:var(--pd-font);cursor:pointer;transition:border-color var(--pd-transition),background var(--pd-transition)}.satl-drawer__size-btn.is-soldout{opacity:.35;cursor:not-allowed;text-decoration:line-through}.satl-btn-select{display:flex;gap:8px;flex-wrap:wrap}.satl-btn-select__option{flex:1;min-width:100px;height:38px;border:1.5px solid var(--pd-border);border-radius:var(--pd-radius);background:var(--pd-white);font-size:12px;font-weight:500;font-family:var(--pd-font);cursor:pointer;transition:border-color var(--pd-transition),background var(--pd-transition)}.satl-btn-select__option:hover{border-color:var(--pd-black)}.satl-btn-select__option.is-selected{background:var(--pd-black);color:var(--pd-white);border-color:var(--pd-black)}.satl-file-upload__input{display:none}.satl-file-upload__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--pd-grey-mid);border-radius:var(--pd-radius);padding:20px 16px;cursor:pointer;text-align:center;transition:border-color var(--pd-transition),background var(--pd-transition)}.satl-file-upload__label:hover{border-color:var(--pd-black);background:var(--pd-grey-bg)}.satl-file-upload__label svg{color:var(--pd-grey-text)}.satl-file-upload__text{font-size:14px;font-weight:600;color:var(--pd-black)}.satl-file-upload__note{font-size:12px;color:var(--pd-grey-text);line-height:1.5}.satl-file-upload__preview{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--pd-grey-bg);border-radius:var(--pd-radius);border:1px solid var(--pd-border)}.satl-file-upload__filename{flex:1;font-size:12px;color:var(--pd-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.satl-file-upload__remove{background:none;border:none;font-size:11px;color:var(--pd-grey-text);cursor:pointer;flex-shrink:0;padding:2px 4px;font-family:var(--pd-font)}.satl-file-upload__remove:hover{color:var(--pd-black)}.satl-field__required{color:#e53e3e;margin-left:2px}.satl-drawer__meta-left{flex:1}.satl-drawer,.satl-drawer *{font-family:inherit!important}.satl-drawer__size-grid{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 16px;border-bottom:1px solid var(--pd-border)}.satl-drawer__size-btn{flex:1;min-width:44px;height:52px;padding:0 4px;border:1.5px solid var(--pd-border);border-radius:10px;background:var(--pd-white);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color var(--pd-transition),background var(--pd-transition),color var(--pd-transition)}.satl-drawer__size-btn:hover:not(:disabled){border-color:var(--pd-black)}.satl-drawer__size-btn.is-selected{background:var(--pd-black);color:var(--pd-white);border-color:var(--pd-black)}.satl-drawer__size-btn.is-soldout{opacity:.3;cursor:not-allowed;text-decoration:line-through}.satl-color-radio{display:flex;gap:12px;margin-top:2px}.satl-color-radio__option{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--pd-radius);transition:background var(--pd-transition)}.satl-color-radio__option:hover{background:var(--pd-grey-bg)}.satl-color-radio__option.is-selected .satl-color-radio__dot{box-shadow:0 0 0 2px var(--pd-white),0 0 0 4px var(--pd-black)}.satl-color-radio__dot{width:32px;height:32px;border-radius:50%;display:block;transition:box-shadow var(--pd-transition)}.satl-color-radio__label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pd-black)}.satl-btn-select{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/personalisation-drawer.css.map */