.tr-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none}.tr-drawer.is-open{visibility:visible;pointer-events:auto}.tr-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c088c;opacity:0;transition:opacity .25s ease}.tr-drawer.is-open .tr-drawer__overlay{opacity:1}.tr-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(48rem,100%);background:#fff;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px #140c0826}.tr-drawer.is-open .tr-drawer__panel{transform:translate(0)}.tr-drawer__close{position:absolute;top:1.6rem;right:1.6rem;width:3.8rem;height:3.8rem;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 2px 10px #0000001f;font-size:1.6rem;cursor:pointer;z-index:3;transition:transform .15s ease}.tr-drawer__close:hover{transform:scale(1.06)}.tr-drawer__scroll{flex:1;overflow-y:auto}.tr-drawer__hero{background:#f7ece0;padding:2.6rem 2.4rem 2.4rem;text-align:center}.tr-drawer__charm-heading{font-size:2.1rem;margin:0 0 .5rem;color:#2b1c14}.tr-drawer__charm-subtext{font-size:1.3rem;opacity:.7;margin:0 0 1.8rem}.tr-drawer__charm-image{position:relative;display:block;width:100%;max-width:70rem;margin:0 auto 2rem;padding:0;border:none;background:none;cursor:zoom-in;border-radius:1.2rem;overflow:hidden}.tr-drawer__charm-image img,.tr-drawer__charm-image .tr-product__placeholder{display:block;width:100%;height:auto;border-radius:1.2rem;border:1px solid #e4d5c1;box-shadow:0 6px 20px #2b1c141f}.tr-drawer__zoom-hint{position:absolute;right:1.2rem;bottom:1.2rem;background:#ffffffeb;color:#7a1f1f;font-size:1.1rem;font-weight:700;padding:.5rem 1rem;border-radius:999px;box-shadow:0 2px 8px #00000026}.tr-drawer__charm-select-wrap{max-width:40rem;margin:0 auto;text-align:left}.tr-drawer__select{width:100%;padding:1.4rem 1.5rem;border-radius:1rem;border:1.5px solid #e4d5c1;font-size:1.5rem;background:#fff;color:#2b1c14;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%237a1f1f' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;transition:border-color .15s ease,box-shadow .15s ease}.tr-drawer__select:focus{outline:none;border-color:#7a1f1f;box-shadow:0 0 0 3px #7a1f1f1f}.tr-drawer__body{padding:2.6rem 2.4rem 2rem;display:flex;flex-direction:column;gap:2.4rem}.tr-drawer__title{font-size:2.3rem;margin:0 0 .4rem;line-height:1.25}.tr-drawer__subtitle{font-size:1.35rem;opacity:.7;margin:-1.6rem 0 0}.tr-drawer__section{display:flex;flex-direction:column;gap:.9rem;padding-top:2rem;border-top:1px solid #f0e9e0}.tr-drawer__label{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#2b1c14}.tr-drawer__required{color:#b3261e}.tr-drawer__input{width:100%;padding:1.4rem 1.5rem;border-radius:1rem;border:1.5px solid #e4d5c1;font-size:1.5rem;transition:border-color .15s ease,box-shadow .15s ease}.tr-drawer__input:focus{outline:none;border-color:#7a1f1f;box-shadow:0 0 0 3px #7a1f1f1f}.tr-drawer__hint{font-size:1.2rem;opacity:.6}.tr-drawer__colour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.tr-drawer__colour-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.4rem .6rem;border-radius:1.2rem;border:1.5px solid #e4d5c1;background:#fff;cursor:pointer;transition:all .15s ease}.tr-drawer__colour-card:hover{border-color:#7a1f1f;transform:translateY(-2px)}.tr-drawer__colour-card.is-selected{border-color:#7a1f1f;background:#fdf6ef;box-shadow:0 4px 14px #7a1f1f26}.tr-drawer__colour-swatch{width:3.2rem;height:3.2rem;border-radius:50%;box-shadow:0 0 0 1px #00000014,inset 0 0 0 2px #ffffff26;position:relative}.tr-drawer__colour-card.is-selected .tr-drawer__colour-swatch:after{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tr-drawer__colour-name{font-size:1.15rem;font-weight:600;color:#2b1c14}.tr-drawer__footer{padding:1.6rem 2.4rem;border-top:1px solid #f0e9e0;background:#fff}.tr-drawer__error{color:#b3261e;font-size:1.3rem;margin:0 0 1rem;text-align:center}.tr-drawer__save{width:100%;padding:1.5rem;border-radius:999px;border:none;background:#7a1f1f;color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:.03em;cursor:pointer;transition:opacity .15s ease}.tr-drawer__save:hover{opacity:.92}.tr-charm-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0604eb;display:flex;align-items:center;justify-content:center;padding:2rem;visibility:hidden;opacity:0;transition:opacity .2s ease}.tr-charm-zoom.is-open{visibility:visible;opacity:1}.tr-charm-zoom__inner{max-width:90vw;max-height:85vh;overflow:auto}.tr-charm-zoom__inner img{display:block;width:100%;height:auto;border-radius:.8rem}.tr-charm-zoom__close{position:absolute;top:2rem;right:2rem;width:4rem;height:4rem;border-radius:50%;border:none;background:#ffffffeb;font-size:1.8rem;cursor:pointer}@media screen and (max-width:749px){.tr-drawer__panel{top:auto;bottom:0;right:0;left:0;width:100%;height:94%;transform:translateY(100%);border-radius:2rem 2rem 0 0}.tr-drawer.is-open .tr-drawer__panel{transform:translateY(0)}.tr-drawer__hero{padding:2.2rem 1.8rem 2rem}.tr-drawer__charm-heading{font-size:1.9rem}.tr-drawer__charm-image{max-width:100%}.tr-drawer__body{padding:2rem 1.8rem 1.6rem;gap:2rem}.tr-drawer__title{font-size:2rem}.tr-drawer__subtitle{margin-top:-1.2rem;font-size:1.25rem}.tr-drawer__colour-grid{grid-template-columns:repeat(3,1fr)}.tr-drawer__footer{padding:1.4rem 1.8rem;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/tr-customize-drawer.css.map */