.dt-floating-purchase{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));left:16px;z-index:100;width:min(420px,calc(100% - 32px));margin-inline:auto;pointer-events:none}.dt-floating-purchase[hidden]{display:none}.dt-floating-purchase .dt-floating-purchase__trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:58px;padding:16px 28px;border:0;border-radius:var(--dt-radius-control, 2px);color:var(--dt-surface, #fff);background:var(--dt-ink, #20251f);font:500 13px/1.4 var(--dt-sans, sans-serif);letter-spacing:.06em;cursor:pointer;pointer-events:auto}.dt-floating-purchase__trigger strong{flex:0 0 auto;font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.dt-floating-purchase .dt-floating-purchase__trigger:not(:disabled):hover,.dt-floating-purchase .dt-floating-purchase__trigger:not(:disabled):active{background:var(--dt-dark, #1a1d19)}.dt-floating-purchase .dt-floating-purchase__trigger:disabled{color:var(--dt-surface, #fff);background:var(--dt-faint, #9a9c97);opacity:1;cursor:not-allowed}.dt-floating-purchase__dialog{position:fixed;top:auto;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;width:min(680px,calc(100% - 32px));max-width:none;max-height:min(72dvh,680px);margin:auto;padding:30px 32px 32px;overflow:auto;border:1px solid var(--dt-rule, #d8d8d5);border-radius:var(--dt-radius-control, 2px);box-shadow:0 18px 54px #20251f33;color:var(--dt-ink, #20251f);background:var(--dt-surface, #fff);font-family:var(--dt-sans, sans-serif);pointer-events:auto}.dt-floating-purchase__dialog::backdrop{background:#20251f24}.dt-floating-purchase__dialog:focus{outline:0}.dt-floating-purchase__dialog h2{margin:0 44px 24px 0;font-family:var(--dt-serif, serif);font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.25}.dt-floating-purchase__kicker{margin:0 44px 10px 0;color:var(--dt-muted, #777);font-size:9px;font-weight:500;letter-spacing:.17em}.dt-floating-purchase__close{position:absolute;top:16px;right:16px;width:40px;height:40px;padding:0;border:0;outline:0;border-radius:var(--dt-radius-control, 5px);color:var(--dt-ink, #20251f);background:transparent;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:currentColor;touch-action:manipulation;cursor:pointer}.dt-floating-purchase__close:focus-visible{outline:1px solid currentColor;outline-offset:2px}.dt-floating-purchase__close span:before,.dt-floating-purchase__close span:after{position:absolute;top:50%;left:10px;width:20px;border-top:1px solid currentColor;content:""}.dt-floating-purchase__close span:before{transform:rotate(45deg)}.dt-floating-purchase__close span:after{transform:rotate(-45deg)}.dt-floating-purchase__options{display:block;margin-top:28px}.dt-floating-purchase__options>variant-selects,.dt-floating-purchase__options>variant-radios{display:block;grid-area:auto!important;width:100%;min-width:0;margin:0!important}.dt-floating-purchase__options .product-form__input{grid-area:auto!important;width:100%;max-width:none!important;min-width:0;margin:0!important}.dt-floating-purchase__options .product-form__input--pill{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.dt-floating-purchase__options .product-form__input--pill>.form__label{grid-column:1 / -1;margin-bottom:4px}.dt-floating-purchase__options .product-form__input input[type=radio]+label{width:100%;min-width:0;min-height:48px;padding:9px 11px}.dt-floating-purchase__options .dtv2-selector{width:100%;margin:0}.dt-floating-purchase__choice-group+.dt-floating-purchase__choice-group{margin-top:24px}.dt-floating-purchase__choice-heading{margin:0 0 9px;color:var(--dt-muted, #777);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.dt-floating-purchase__choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.dt-floating-purchase__choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;min-height:50px;padding:8px 10px;border:1px solid var(--dt-rule, #d8d8d5);border-radius:var(--dt-radius-control, 2px);color:var(--dt-ink, #20251f);background:var(--dt-surface, #fff);text-align:left;cursor:pointer}.dt-floating-purchase__choice:not(.is-selected):not(:disabled):hover{border-color:var(--dt-ink, #20251f);background:var(--dt-ground, #f4f4f4)}.dt-floating-purchase__choice.is-selected{border-color:var(--dt-ink, #20251f);background:var(--dt-selected, #e8e8e8)}.dt-floating-purchase__choice:disabled{cursor:not-allowed;opacity:.42}.dt-floating-purchase__choice-copy{display:grid;min-width:0;gap:3px}.dt-floating-purchase__choice-copy strong{overflow:hidden;font-size:14px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.dt-floating-purchase__choice-copy small{overflow:hidden;color:var(--dt-muted, #777);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.dt-floating-purchase__choice-price{color:var(--dt-muted, #777);font-size:13px;white-space:nowrap}.dt-floating-purchase__actions{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:26px}.dt-floating-purchase__total{display:grid;gap:4px;min-width:0}.dt-floating-purchase__total small{color:var(--dt-muted, #777);font-size:9px;letter-spacing:.1em}.dt-floating-purchase__total strong{color:var(--dt-ink, #20251f);font-size:20px;font-weight:500;line-height:1.1;white-space:nowrap}.dt-floating-purchase .dt-floating-purchase__submit{display:block;flex:0 1 240px;width:min(240px,100%);min-height:50px;margin:0;padding:13px 18px;border:0;border-radius:var(--dt-radius-control, 2px);color:var(--dt-surface, #fff);background:var(--dt-ink, #20251f);font:500 13px/1.4 var(--dt-sans, sans-serif);letter-spacing:.06em;cursor:pointer}.dt-floating-purchase .dt-floating-purchase__submit:not(:disabled):hover,.dt-floating-purchase .dt-floating-purchase__submit:not(:disabled):active{background:var(--dt-dark, #1a1d19)}.dt-floating-purchase .dt-floating-purchase__submit:disabled{color:var(--dt-surface, #fff);background:var(--dt-faint, #9a9c97);opacity:1;cursor:not-allowed}@media screen and (max-width:749px){.dt-floating-purchase{right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;width:min(420px,calc(100% - 28px))}.dt-floating-purchase__trigger{min-height:54px}.dt-floating-purchase__dialog{right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;width:calc(100% - 24px);max-height:calc(100dvh - 48px);padding:14px 20px}.dt-floating-purchase__dialog h2{margin:0 40px 12px 0;font-size:18px;line-height:1.1}.dt-floating-purchase__kicker{margin:0 40px 5px 0}.dt-floating-purchase__close{top:3px;right:6px;width:44px;height:44px}.dt-floating-purchase__close span:before,.dt-floating-purchase__close span:after{left:13px;width:18px}.dt-floating-purchase__options{margin-top:12px}.dt-floating-purchase__options .product-form__input--pill{grid-template-columns:1fr;gap:6px}.dt-floating-purchase__choice-group+.dt-floating-purchase__choice-group{margin-top:12px}.dt-floating-purchase__choice-heading{margin-bottom:6px}.dt-floating-purchase__choice-list{grid-template-columns:1fr;gap:4px}.dt-floating-purchase__choice{min-height:44px;padding:6px 9px}.dt-floating-purchase__choice-copy strong{font-size:14px}.dt-floating-purchase__choice-copy small,.dt-floating-purchase__choice-price{font-size:13px}.dt-floating-purchase__choice-group--style .dt-floating-purchase__choice-copy{display:flex;align-items:baseline;gap:8px}.dt-floating-purchase__choice-group--style .dt-floating-purchase__choice-copy small{flex:0 0 auto}.dt-floating-purchase__options .product-form__input input[type=radio]+label{min-height:44px;padding:7px 10px}.dt-floating-purchase__actions{gap:14px;margin-top:14px}.dt-floating-purchase__total strong{font-size:18px}.dt-floating-purchase .dt-floating-purchase__submit{flex-basis:210px;width:min(210px,100%);min-height:46px;padding-block:11px}}@media(prefers-reduced-motion:no-preference){.dt-floating-purchase:not([hidden]) .dt-floating-purchase__trigger{animation:dt-floating-purchase-in .18s ease both}@keyframes dt-floating-purchase-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-dressthing-floating-purchase.css.map */