dialog.drawer.drawer--fabric-sample .drawer__header{align-items:flex-start}.fabric-sample-drawer__heading{min-width:0}.fabric-sample-drawer__heading .h5{margin:0;overflow-wrap:anywhere}.fabric-sample-drawer__heading .h5:focus{outline:none}@media(min-width:1024px){dialog.drawer.drawer--fabric-sample .drawer__header .h5{font-size:2.5rem}}.fabric-sample-drawer__meta{margin:.625rem 0 0;color:var(--color-text-gray)}.fabric-sample-drawer__image{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.fabric-sample-drawer__ruler{margin-top:.5rem}.fabric-sample-drawer__ruler-ticks{height:.5rem;border-right:1px solid var(--color-black);background:linear-gradient(var(--color-black),var(--color-black)) top left / 100% 1px no-repeat,repeating-linear-gradient(to right,var(--color-black) 0 1px,transparent 1px calc(100% / var(--ruler-cm))) top left / 100% .5rem no-repeat,repeating-linear-gradient(to right,var(--color-black) 0 1px,transparent 1px calc(50% / var(--ruler-cm))) top left / 100% .25rem no-repeat}.fabric-sample-drawer__ruler--coarse .fabric-sample-drawer__ruler-ticks{background:linear-gradient(var(--color-black),var(--color-black)) top left / 100% 1px no-repeat,repeating-linear-gradient(to right,var(--color-black) 0 1px,transparent 1px calc(500% / var(--ruler-cm))) top left / 100% .5rem no-repeat,repeating-linear-gradient(to right,var(--color-black) 0 1px,transparent 1px calc(100% / var(--ruler-cm))) top left / 100% .25rem no-repeat}.fabric-sample-drawer__ruler-labels{position:relative;height:1.25rem;margin-top:.25rem;font-size:.75rem;line-height:1.28;color:var(--color-text-gray)}.fabric-sample-drawer__ruler-labels span{position:absolute;top:0;translate:-50% 0;white-space:nowrap}.fabric-sample-drawer__ruler-labels span.is-start{translate:0 0}.fabric-sample-drawer__ruler-labels span.is-end{translate:-100% 0}.fabric-sample-drawer__badges{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:1rem 0 0;padding:0;list-style:none}.fabric-sample-drawer__badge{display:flex;align-items:center;gap:.625rem;height:2.5rem}.fabric-sample-drawer__badge span{font-size:.75rem;font-weight:500;line-height:1.28;text-transform:uppercase;white-space:nowrap}.fabric-sample-drawer__description{margin-top:1.5rem}.fabric-sample-drawer__description p{margin:0}.fabric-sample-drawer__props{margin-top:2rem;padding-bottom:2rem}.fabric-sample-drawer__props-heading{margin:0}.fabric-sample-drawer__row{display:flex;gap:2rem;margin-top:1.5rem}.fabric-sample-drawer__col{flex:1;min-width:0}.fabric-sample-drawer__col p{margin-block:0}.fabric-sample-drawer__col p+p{margin-top:.5rem}.fabric-sample-drawer__col p.fabric-sample-drawer__note{margin-top:1.5rem;color:var(--color-text-gray)}.fabric-sample-drawer__footer{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0;padding:1.25rem 2rem 2rem;border-top:1px solid var(--color-outline-gray)}.fabric-sample-drawer__footer .btn{width:100%;white-space:normal;text-align:center;text-wrap:balance}.fabric-sample-drawer__message{display:none;margin:0;padding:.75rem 1rem;font-size:.875rem}dialog[data-state=added] .fabric-sample-drawer__message{display:block;background-color:var(--color-gray-background)}dialog[data-state=limit] .fabric-sample-drawer__message,dialog[data-state=error] .fabric-sample-drawer__message{display:block;box-shadow:inset 0 0 0 1px var(--color-orange)}dialog:not([data-state=added]) [data-fabric-sample-go-cart],dialog[data-state=added] [data-fabric-sample-add]{display:none}dialog[data-state=limit] [data-fabric-sample-add]{background-color:var(--color-outline-gray);color:var(--color-text-gray);pointer-events:none}[data-fabric-sample-add][data-loading]{opacity:.6;pointer-events:none}@media(max-width:1023px){.fabric-sample-drawer__row{gap:1.25rem}}@container drawer (max-width: 575px){.fabric-sample-drawer__footer{padding:1rem 1.25rem 1.25rem}.fabric-sample-drawer__footer .btn{height:auto;min-height:3rem;padding:.75rem 1rem}dialog.drawer.drawer--fabric-sample .drawer__header{padding:1.25rem .5rem 1.25rem 1.25rem}dialog.drawer.drawer--fabric-sample .drawer__header .drawer__close{margin-top:-.75rem}.fabric-sample-drawer__ruler:not(.fabric-sample-drawer__ruler--coarse) .fabric-sample-drawer__ruler-labels span:nth-child(2n):not(.is-end){display:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-fabric-sample-drawer.css.map */